Button - Bouton

Élément d’interaction avec l’interface permettant à l’utilisateur
d’effectuer une action.

Exemples

Variant

Primaire (primary)

Sur fond normal

 

Sur fond vert – "on floating menu"

Pour adopter le style avec un fond vert, assurez-vous de définir l’attribut floating à true .

 

Sur fond sombre - "on contrasted menu"

Pour adopter le style avec un fond sombre, assurez-vous de définir l’attribut contrasted à true .

Secondaire (secondary)

 

Tertiaire (tertiary)

 

Tertiaire avec contour

 

Neutre (neutral)

Danger (danger)

Navigation (navigation)

 


Bouton à bascule

État par défaut

État pressé

 


Tailles

Petit

Grand

 

États

Désactivé (Disabled)

L'état désactivé dépend de la valeur de l'attribut disabled. Si égale à true, l'attribut aria-disabled du bouton sera également à true.

Chargement (Loading)

 


Autres

Caret (Caret)

Avec des icônes

Avec un badge