Atomes Bootstrap
Atomes de Bootstrap par démdiut les plus utilisés
Couleurs
|
primary
|
secondary
|
tertiary
|
quaternary
|
|
primary-light
|
secondary-light
|
tertiary-light
|
quaternary-light
|
Gris
|
black
|
gray-dark
|
gray
|
gray-light
|
white
|
Titre h1 open sans 30px
Titre h2 open sans bold 22px
Titre h3 open sans 20px
Titre h4 open sans 18px
Badges
badge bg-primary text-light
badge bg-secondary text-light
badge bg-tertiary text-light
badge bg-quaternary text-light
badge bg-gray text-light
Boutons
Couleurs
btn btn-default
btn btn-primary
btn btn-secondary
btn btn-tertiary
Outline
btn btn-outline-default
btn btn-outline-secondary
btn btn-outline-tertiary
Tailles
btn btn-sm
btn
btn btn-lg
Icones
btn btn-sm btn-primary mdi mdi-file-edit-outline
btn btn-primary mdi mdi-file-pdf-box
btn btn-lg btn-primary mdi mdi-heart
btn btn-lg btn-primary mdi mdi-end mdi-heart
Breadcrumbs
Atomes Thème base
Atomes par démdiut présent dans le Thème Base
Recherche
Bouttons spécifiques
btn btn-main-menu
btn btn-search offcanvas-mdi facet-toogle
btn btn-toogle offcanvas-mdi facet-toogle
Retour btn btn-back
Chips
Utilisé entre autre pour les filtres de facettes.
chip chip-sm mdi mdi-close-circle mdi-end
chip mdi mdi-close-circle mdi-end
chip chip-lg mdi mdi-close-circle mdi-end
Chip spécifique
Reset chip chip-sm mdi mdi-autorenew