Ionic 5 - making Ion-Segment vertical

@Exers wrote:

I have somewhat weird requirement, which is making ion-segments show vertically. So far I’ve tried something like following but with no luck. Any ideas or suggestions?

<ion-segment>
        <ion-segment-button value="friends">
          <ion-label>Friends</ion-label>
        </ion-segment-button>
        <ion-segment-button value="enemies">
          <ion-label>Enemies</ion-label>
        </ion-segment-button>
</ion-segment>

ion-segment {
  margin-left: auto;
  margin-right: auto;
  height: auto;
  width: auto;
  ion-segment-button {
    float: left;
    clear: left;
  }
}

Posts: 2

Participants: 2

Read full topic