title: Making ion slides slide vertically
body: <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>