GuillocheDocs GitHub v2.0.0

NavigationMenu

Navigation avec sous-menus, a base de `details` et `summary`

Voir la source

navigation v1.8.0 ui:NavigationMenu

Exemples

Aperçu

<twig:ui:NavigationMenu label="Sections" :items="[{ label: 'Accueil', href: '#', current: true }, { label: 'Ressources', items: [{ label: 'Guides', href: '#' }, { label: 'Modeles', href: '#' }] }]" />

Props

PropDéfautRôle
items[]Entrees `{ label, href, current }` ou `{ label, items: [...] }`
labelNavigationNom accessible du `nav`

Accessibilité

  • Aucun JavaScript : les sous-menus s'ouvrent au clavier et a la souris, et se ferment avec Echap ou un second clic.

README complet et exemples de la recette