Monstera

NavList

La section de navigation latérale : un titre facultatif et sa pile d'entrées. Chaque entrée est un NavItem, documenté ici.

Utilisation

import { NavList, NavItem } from "@monstera/ui"

Section de navigation

L'entrée de la page courante porte active : fond dédié, texte navy, et aria-current sur le lien. Pas de coche.

Titre et icônes

Le titre de section et l'icône d'entrée sont facultatifs, indépendamment. Un NavItem est rendu comme un lien, il attend donc un href.

Accessibilité

Le repère de navigation porte le nom de son title : deux listes de navigation dans une même page se distinguent à l'écoute. Sans title, passer aria-label.

Une entrée de navigation a une hauteur minimale et son libellé passe à la ligne quand il ne tient pas.

API

NavList

Prop

Type

NavItem

Prop

Type

Sur cette page