GuillocheDocs GitHub v2.0.0

Alert

Message d’état, avec titre et texte optionnels

Voir la source

primitives v1.1.0 ui:Alert

Exemples

Types

Information

Le dossier est en cours d’instruction.

Enregistré

La modification a été prise en compte.

Attention

Deux pièces manquent au dossier.

<twig:ui:Alert type="success" title="Enregistré" message="La modification a été prise en compte." />

Avec action

Pièce manquante

Ajoutez la lettre de mission pour continuer.

<twig:ui:Alert type="warning" title="Pièce manquante">
  <p>Ajoutez la lettre de mission pour continuer.</p>
  <twig:ui:Button size="sm" variant="secondary">Ajouter une pièce</twig:ui:Button>
</twig:ui:Alert>

Props

PropDéfautRôle
typeinfo`info`, `success`, `warning`, `error`
titlenullTitre court
messagenullTexte du message

Accessibilité

  • type="error" rend rôle="alert", annonce immediate.
  • Les autres types rendent rôle="status", annonce polie.
  • L'icone est decorative ; le texte du message porte le sens.

README complet et exemples de la recette