View Source   Improve this doc

ion-slides
Delegate: $ionicSlideBoxDelegate

The Slides component is a powerful multi-page container where each page can be swiped or dragged between.

Note: this is a new version of the Ionic Slide Box based on the Swiper widget from idangerous.

SlideBox

Usage

<ion-slides on-slide-changed="slideHasChanged($index)">
  <ion-slide-page>
    <div class="box blue"><h1>BLUE</h1></div>
  </ion-slide-page>
  <ion-slide-page>
    <div class="box yellow"><h1>YELLOW</h1></div>
  </ion-slide-page>
  <ion-slide-page>
    <div class="box pink"><h1>PINK</h1></div>
  </ion-slide-page>
</ion-slides>

API

Attr Type Details
delegate-handle
(optional)
 string

The handle used to identify this slideBox with $ionicSlideBoxDelegate.
options
(optional)
 object

to pass to the widget. See the full ist here: http://www.idangero.us/swiper/api/