Making ion slides slide vertically
<p>I have <code>start.html</code> file having options property having of the  and I will define them in options1 in class StartPage </p>

<p>
  </p>

<pre><code>&lt;ion-slide [options]="option1" *ngFor="let slide of slides; let last = last"&gt;
  &lt;img [src]="slide.image" class="slide-image"/&gt;
  &lt;h2 class="slide-title" [innerHTML]="slide.title" style=""&gt;&lt;/h2&gt;
  &lt;p [innerHTML]="slide.description"&gt;&lt;/p&gt;

  &lt;div id="skip-b"&gt;
    &lt;button (click)="dismiss()"&gt;
      {{last ? "Let's Begin" : "Skip" }}
      &lt;ion-icon name="arrow-forward"&gt;&lt;/ion-icon&gt;
    &lt;/button&gt;
  &lt;/div&gt;
&lt;/ion-slide&gt;
</code></pre>

<p>
</p>

<p>start.ts:</p>

<pre><code>export class StartPage {
    option1 = {
        loop: true,
        direction: 'vertical'
    };
}
</code></pre>