GuillocheDocs GitHub v2.0.0

Menubar

Barre de menus horizontale, avec sous-menus natifs

Voir la source

navigation v1.8.0 ui:Menubar

Exemples

Aperçu

<twig:ui:Menubar label="Application" :items="[{ label: 'Fichier', items: [{ label: 'Nouveau', href: '#' }] }, { label: 'Édition', href: '#' }]" />

Props

PropDéfautRôle
items[]Entrees `{ label, href }` ou `{ label, items: [...] }`
labelrequisNom accessible de la barre

Accessibilité

  • Ce composant est une navigation structurée (liens et details/summary natifs), pas un widget ARIA de type menubar. Le clavier suit l'ordre Tab/Maj+Tab et Entrée ; les flèches de menubar ne sont pas simulées. Utiliser un vrai composant menubar uniquement en implémentant intégralement le modèle clavier WAI-ARIA.

README complet et exemples de la recette