Styleguide
Retour sommaire

Styles

Style de base

Le style de base convient pour les boutons d'action primaire.

Ajouter la classe .a-button aux éléments <a>, <button>, ou <input />.

Bouton

Style secondaire

Le style secondaire convient pour les boutons d'action secondaire.

Ajouter la classe de modification .a-button--secondary à l'élément ayant la classe .a-button afin de modifier son style.

Bouton

Style danger

Le style danger convient pour les boutons d'action destructice.

Ajouter la classe de modification .a-button--danger à l'élément ayant la classe .a-button afin de modifier son style.

Bouton

États :

État actif

Ajouter la classe d'état .is-active sur le composant .a-button afin de modifier son apparence.

Bouton

Style disabled

  • <a> : Ajouter la classe d'état .is-disabled
  • <input /> ou <button /> : Ajouter l'attribut disabled
Bouton Bouton Bouton

Tailles :

Taille S

Ajouter la classe de modification .a-button--S sur le composant .a-button afin de modifier sa taille.

Bouton

Taille L

Ajouter la classe de modification .a-button--L sur le composant .a-button afin de modifier sa taille.

Bouton