Foundation - Bouton de commandes de base

La description

Foundation prend en charge de nombreux styles de boutons qui peuvent être personnalisés en fonction de vos besoins. Lorsque vous avez besoin d'actions plus traditionnelles, les boutons sont des outils appropriés.

Le tableau suivant répertorie les commandes de base utilisées dans Foundation.

N ° Sr. Contrôle des boutons et description
1 Basiques

Les boutons peuvent être créés avec moins de balises de balisage comme <a> et <button>.

2 Dimensionnement

La taille et la forme des boutons peuvent être modifiées en utilisant des classes supplémentaires.

3 Coloration

Les boutons peuvent être colorés pour leur donner une signification supplémentaire.

4 Style creux

Vous pouvez utiliser la classe .hollow pour donner à votre bouton un style creux.

5 Flèches déroulantes

Vous pouvez utiliser la classe .dropdown pour ajouter une flèche déroulante à votre bouton.

6 Accessibilité

Lorsque votre bouton ne contient pas de texte lisible, vous pouvez ajouter du texte pour lecteur d'écran uniquement pour indiquer son objectif.

sept Référence SASS

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