Button

Contexte

Les classes .btn doivent être utilisées sur les éléments button ou a ou input.
Les éléments a qui ont une action / fonctionnalité dans la page doivent avoir un role="button".

Format .btn-{contexte}

Exemple input et a :

Link

Contour

Format btn-outline-{famille}

Size

Format btn-sm et btn-lg.

Block

Permet d'occuper toute la largeur disponible (comme un display block) btn-block.

Etat actif

L'ajout de la classe active donnera un effet enfoncé au bouton.

Primary link Primary Link Active

Etat disabled

L'ajout de la classe disabled donnera un effet inactif au bouton.

Primary link Link

Configuration
Thème
Bases
Atomes
Molécules
Organismes
Pages