GuillocheDocs GitHub v2.0.0

ConfirmDialog

Confirmation d'une action, dans un dialogue natif

Voir la source

patterns v1.4.0 ui:ConfirmDialog

Exemples

Aperçu

Supprimer la mission

Cette action est definitive.

<twig:ui:ConfirmDialog id="s-confirm" title="Supprimer la mission" message="Cette action est definitive." trigger="Supprimer" confirmLabel="Supprimer" cancelLabel="Annuler" />

Props

PropDéfautRôle
idrequisIdentifiant du dialogue
titlerequisTitre
messagerequisTexte de la question
triggerrequisLibelle du bouton d'ouverture
confirmLabelrequisLibelle du bouton de confirmation
cancelLabelrequisLibelle du bouton d'annulation

Accessibilité

  • La confirmation utilise un <dialog> natif avec aria-labelledby vers le titre et aria-describedby vers le message d'avertissement. Le texte des actions vient de confirmLabel et cancelLabel. L'application est responsable de traiter l'événement ui:confirm.

README complet et exemples de la recette