Vertical ion-slides don't work at all

I tried the below right inside the main tag

  <ion-slides direction="vertical">
      <h1>Slide 1</h1>
      <h1>Slide 2</h1>

Without the direction, or setting to horizontal, it always works fine horizontally… but it just won’t work vertically. No matter what it just tries to slide horizontally

Running ionic v 6.11.0

According to the Swiper API, you have to pass the ‘direction’ property through the options attribute on ion-slides

<ion-slides [options]="slideOpts">


export class YourPageComponents {

    public slideOpts: any = {
        direction: 'vertical'
1 Like

holy moly that did it thanks!