Slides

ion-slides

You should use a template to create slides and listen to slide events. The template
should contain the slide container, an <ion-slides> element, and any number of
Slide components, written as <ion-slide>. Basic configuration
values can be set as input properties, which are listed below. Slides events
can also be listened to such as the slide changing by placing the event on the
<ion-slides> element. See Usage below for more information.

After creating and configuring the slides, you can navigate between them
by swiping or calling methods on the Slides instance. You can call slideTo() to
navigate to a specific slide, or slideNext() to change to the slide that follows
the active slide. All of the methods provided by the Slides
instance are listed below. See Usage below for more information on
navigating between slides.

Next, we can use ViewChild to assign the Slides instance to
your slides property. Now we can call any of the Slidesmethods, for example we can use the Slide's
slideTo() method in order to navigate to a specific slide on
a button click. Below we call the goToSlide() method and it
navigates to the 3rd slide:

There are several options available to create customized slides. Ionic exposes
the most commonly used options as inputs.
In order to use an option that isn't exposed as an input the following code
should be used, where freeMode is the option to change: