Barre de navigation supérieure
<gcds-top-nav>

Autres noms : menu du site, navigation, barre de navigation.

Une barre de navigation supérieure est une liste horizontale de liens de page.

• GitHub
• Figma

Créer une barre de navigation supérieure

Utilisez une barre de navigation supérieure pour aider une personne à se repérer sur votre page Web ou site Web.

Codage et accessibilité de la barre de navigation supérieure

Ajoutez la barre de navigation supérieure à chaque page

• Mettez en œuvre la barre de navigation supérieure, de sorte qu'elle soit présente sur toutes les pages.
• Choisissez d'ajouter un groupe de navigation avec un deuxième niveau de navigation en plaçant le <gcds-nav-link> dans un <gcds-nav-group>.

Utilisez la barre de navigation supérieure avec d'autres composants.

• Si vous utilisez un composant chemin de navigation, uniformisez la hiérarchie dans les deux ensembles sur le site.
• Si vous utilisez le composant en-tête, ajoutez la barre de navigation supérieure directement dans l'en-tête en insérant un élément enfant à l'aide de l'attribut slot="menu" dans l'en-tête. Cela placera la barre de navigation supérieure dans l'en-tête, après la bascule de langue, la signature et la barre de recherche.

Obtenez votre code

Générez une version du composant dont vous avez besoin en sélectionnant les propriétés de code correspondantes ou explorez les possibilités en choisissant différentes valeurs de code.

1. Choisissez des valeurs de code pour obtenir l'élément que vous voulez.

2. Obtenez le code et intégrez-le dans votre environnement.

3. Ajoutez tout contenu nécessaire au composant (comme le texte du libellé).

Remarque : Conformément à la pratique courante, le générateur de code utilise l'anglais pour tous les éléments de code.