Change the style of active ion-segment-button change slide in vue js

is there any way to design active ion-segment-button ?

        <ion-toolbar>

          <ion-segment :value="tabs" @ionChange="segmentChanged($event)" scrollable>

            <ion-segment-button value="0">

              <font-awesome-icon :icon="['fas', 'file-invoice-dollar']" class="icon_segement" />  

              <ion-label class="label_segement" text-wrap>Historique<br>des loyers</ion-label>

            </ion-segment-button>

            <ion-segment-button value="1">

              <ion-icon :icon="hammer" class="icon_segement" />  

              <ion-label class="label_segement" text-wrap>Historique <br>  des réparations</ion-label>

            </ion-segment-button>

            <ion-segment-button value="2">

              <font-awesome-icon :icon="['fas', 'file-invoice']" class="icon_segement" />

              <ion-label class="label_segement" text-wrap>Historique <br> des factures</ion-label>

            </ion-segment-button>

            <ion-segment-button value="3">

              <font-awesome-icon :icon="['fas', 'house-damage']" class="icon_segement" />  

              <ion-label class="label_segement" text-wrap>Cautionnement</ion-label>

            </ion-segment-button>

          </ion-segment>

        </ion-toolbar>

6 posts - 2 participants

Read full topic