GuillocheDocs GitHub v2.0.0

Scrollspy

Sommaire qui suit la section visible

Voir la source

navigation v2.0.0 ui:Scrollspy

Exemples

Aperçu

<twig:ui:Scrollspy label="Sommaire" :items="[{ id: 's-section-a', label: 'Premiere section' }, { id: 's-section-b', label: 'Seconde section' }]" />

Props

PropDéfautRôle
items[]Sections `{ id, label }`
labelSectionsNom accessible du `nav`

Accessibilité

  • Le lien courant est signale par aria-current, pas seulement par la couleur. Sans JavaScript, les liens restent des ancres fonctionnelles.

README complet et exemples de la recette