javascript - Making ion slides slide vertically -

i have start.html file having options property having of , define them in options1 in class startpage

<ion-slide [options]="option1" *ngfor="let slide of slides; let last = last">   <img [src]="slide.image" class="slide-image"/>   <h2 class="slide-title" [innerhtml]="slide.title" style=""></h2>   <p [innerhtml]="slide.description"></p>    <div id="skip-b">     <button (click)="dismiss()">       {{last ? "let's begin" : "skip" }}       <ion-icon name="arrow-forward"></ion-icon>     </button>   </div> </ion-slide> 

start.ts:

export class startpage {     option1 = {         loop: true,         direction: 'vertical'     }; } 

you need add options in ion-slides component shown in docs.

<ion-slides [options]="option1">     <ion-slide *ngfor="let slide of slides; let last = last">         <img [src]="slide.image" class="slide-image" />         <h2 class="slide-title" [innerhtml]="slide.title" style=""></h2>         <p [innerhtml]="slide.description"></p>          <div id="skip-b">             <button (click)="dismiss()">       {{last ? "let's begin" : "skip" }}       <ion-icon name="arrow-forward"></ion-icon>     </button>         </div>     </ion-slide> </ion-slides>