Anatomie
Le composant onglet est composé de plusieurs éléments de trois éléments visibles.
- Libellé
- Indicateur (lors de l'état actif)
- Icône de fermeture (lors d'un état refermable)
États
Les onglets sont utilisés à l'intérieur des groupes d'onglets. Ils sont représentés sous 4 états :
Défaut - Default
Activé - Active
Au survol - Hover
Désactivé - Disabled
Variantes
Onglet refermable
Un onglet est dit refermable lorsque celui-ci présente une croix de fermeture. Au clic sur celle-ci, l'onglet est supprimé.
L'onglet refermable peut être utilisé lorsque l'utilisateur à le contrôle sur l'affichage d'un ensemble de contenu à l'aide d'aide bouton ou d'un lien.
Groupe d'onglets
Les groupes d'onglets organisent le contenu dans un conteneur. La section affichée correspond à l'onglet actif.
Responsive
Si le nombre d'onglets dépasse la largeur du conteneur, des flèches de défilement apparaissent pour permettre de faire défiler et révéler les onglets masqués.
Alternatives