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.
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 |
options
(optional)
|
object
|
to pass to the widget. See the full ist here: http://www.idangero.us/swiper/api/ |