Slides

The slides component is a multi-section container that can be used in multiple scenarios, such as a tutorial view or banner slider. The <ion-slides> component has multiple <ion-slide> elements, which can be dragged or swiped left/right. Slides have multiple configuration options available, which can be passed in the ion-slides such as autoplay, pager, direction: vertical/horizontal, initial slide, and speed. Using slides is really simple as we just have to include them inside our home.html; no dependency is required for this to be included in the home.ts file:

// Banner Slider in src/pages/home/home.html<ion-slides pager #adSlider (ionSlideWillDid-  Change)="logLenthtrackEvent()" style="height: 250px"> <ion-slide *ngFor="let banner ...

Get Hybrid Mobile Development with Ionic now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.