GuillocheDocs GitHub v2.0.0

Sheet

Panneau lateral modal, ancre a droite ou a gauche

Voir la source

navigation v1.2.0 ui:Sheet

Exemples

Aperçu

Filtres

Contenu du panneau.

<twig:ui:Sheet id="s-sheet" title="Filtres" trigger="Ouvrir le panneau"><p>Contenu du panneau.</p></twig:ui:Sheet>

Props

PropDéfautRôle
idrequisIdentifiant du dialogue
titlerequisTitre
triggernullLibelle du bouton d'ouverture
descriptionnullTexte secondaire
sideright`right`, `left`
closeLabelFermerNom accessible du bouton de fermeture

Accessibilité

  • Le panneau est un <dialog> natif nommé par son titre via aria-labelledby; la description facultative est reliée par aria-describedby. Échap et le focus modal sont gérés par le navigateur. Fournir un id unique et un titre explicite.

README complet et exemples de la recette