Fondation - Groupe de boutons

La description

Ce sont des conteneurs pour les éléments d'action correspondants. Cela fonctionne très bien lorsqu'un groupe d'actions est affiché dans une barre.

Le tableau suivant répertorie le groupe de boutons dans Foundation

N ° Sr. Groupe de boutons et description
1 Basiques

N'importe quel nombre de boutons peut être placé à l'intérieur d'un conteneur en utilisant .button-group .

2 Dimensionnement

Le dimensionnement des groupes de boutons peut être effectué à l'aide des boutons standard.

3 Coloration

Chaque bouton d'un groupe de boutons peut être coloré individuellement ou chaque bouton peut être coloré en utilisant la même classe.

4 Groupe de largeur uniforme

La classe .expanded peut être utilisée pour créer automatiquement des boutons pleine largeur.

5 Empilement

Les boutons peuvent être empilés à l'aide de la classe .stacked ou de la classe .stack-for-small pour le petit écran uniquement.

6 Boutons séparés

Pour créer des boutons fractionnés, vous devez ajouter une classe .arrow uniquement et créer des groupes de boutons de deux boutons.

sept Référence SASS

Vous pouvez modifier les styles des composants à l'aide de la référence SASS.