Sommaire

Le sommaire est un système de navigation secondaire présentant une liste d’ancres placée au-dessus du contenu correspondant.

Anatomie du bouton
  1. Un titre “Sommaire” — Obligatoire
  2. Un numéro d’ancre — Obligatoire
  3. Des libellés d’ancres — Obligatoire
  4. Un fond gris — Obligatoire

Variations

Le sommaire ne propose aucune variation.

Tailles

La largeur du sommaire s’adapte à la taille de son conteneur.

Toutefois, il est recommandé de ne pas excéder une largeur de 8 colonnes, s’agissant d’un composant à intégrer au sein de pages de contenu riche.

États

État au survol

L’état au survol correspond au comportement constaté par l’usager lorsqu’il survole une ancre du sommaire avec sa souris.

Personnalisation

Le sommaire n’est pas personnalisable.

À faire

Utiliser uniquement le fond de couleur grise.

À ne pas faire

Ne pas personnaliser la couleur de fond du sommaire.

À faire

Conserver l’apparence des ancres en l’état.

À ne pas faire

Ne pas personnaliser la couleur ou la typographie des ancres.

Maillage

Proposer une amélioration

Aidez-nous à améliorer la documentation en laissant vos retours, questions ou commentaires sur GitHub.