groupe de boutons agissant comme boutons radio ionique 2 ionique

Question

J'utilise 2 ionique et je voudrais obtenir un résultat comme celui-ci:

Pour l'instant, j'ai une simple liste d'ions:

<ion-list radio-group formControlName="type"> 
 
<ion-col col-4 >            
 
    <ion-item>        
 
    <ion-label>Breakfast</ion-label>           
 
    <ion-radio value="breakfast" ></ion-radio>       
 
    </ion-item>       
 
</ion-col> 
 
<ion-col col-4 >       
 
     <ion-item>         
 
    <ion-label>Diner</ion-label>         
 
    <ion-radio value="diner" checked="true"> 
 
    </ion-radio>        
 
    </ion-item>       
 
</ion-col> 
 
        
 
<ion-col col-4 >        
 
    <ion-item>         
 
    <ion-label>Lunch</ion-label>         
 
    <ion-radio value="lunch" checked="true"> 
 
    </ion-radio>        
 
    </ion-item>       </ion-col>

mon résultat:

grâce

Answer 1

Vous devez mettre en œuvre le segment ionique pour obtenir le résultat escompté.

jeter un oeil Ionic-Segment