Navbar - Barre de navigation

Composant permettant d'offrir une navigation claire et accessible à travers les sections principales du site

Anatomie

Barre de navigation - Anatomy
  1. Menu déroulant
  2. Menu déroulant ouvert
  3. Lien direct

Liens directs

Ils permettent d’accéder directement aux pages du site. Il est recommandé de l’utiliser pour les sites ou les rubriques qui n’ont pas ou peu de second niveau d’arborescence.

Lien direct

Menu déroulant 

Ils permettent d’afficher les niveaux secondaires d’une rubrique. 

Menu deroulant

États

Default - Défaut

Default

 

Hover - En survol

Hover

 

Active - Actif

Actif

Responsive

En navigation mobile, la barre de navigation se réduit à un menu burger. En cliquant dessus, l'utilisateur peut accéder au premier niveau de navigation.

Ensuite, en accédant au 2ᵉ niveau de navigation, l'utilisateur peut revenir en arrière grâce à un bouton de retour, représenté par une flèche vers la gauche et indiquant la libellé du menu actif.

Mobile