GuillocheDocs GitHub v2.0.0

Sidebar

Navigation laterale, sans JavaScript

Voir la source

patterns v1.4.0 ui:Sidebar

Exemples

Aperçu

<twig:ui:Sidebar :items="[{ label: 'Vue d ensemble', href: '#', current: true }, { label: 'Missions', href: '#' }, { label: 'Documents', href: '#' }]" />

Props

PropDéfautRôle
labelNavigationNom accessible de la region
items[]Liens `{ label, href, current }`

Accessibilité

  • Le lien courant porte aria-current="page". La navigation est une liste de liens : elle reste utilisable sans JavaScript et au clavier.

README complet et exemples de la recette