Alertes
Messages contextuels : un niveau qui porte le sens, une couleur qui se règle, quatre variantes de style.
Alertes de niveau (Standard)
Le niveau porte la sémantique : il choisit l'icône et, sauf mention contraire, la couleur.
Une erreur critique est survenue lors de l'enregistrement.
Votre session expirera dans 15 minutes.
Les modifications ont été appliquées avec succès.
Attention : l'espace de stockage est presque plein.
Couleurs
« color » découple la couleur de la sémantique : les quatre niveaux de DaisyUI, plus les quatre couleurs de la maison.
Info
Success
Warning
Error
Primary
Secondary
Accent
Neutral
Niveau « info » — donc l'icône d'information — repeint en « primary ».
Variantes de style
Soft, outline et dash dérivent de la même couleur, y compris pour les couleurs de la maison.
Info · soft
Info · outline
Info · dash
Success · soft
Warning · outline
Error · dash
Primary · soft
Secondary · outline
Accent · dash
La croix suit la couleur du texte, sur fond plein comme sur fond pâle.
Direction
Verticale : le contenu passe sous l'icône.
Horizontale, quelle que soit la largeur.
Alignement
Centré (par défaut) : sur un message de plusieurs lignes, l'icône et la croix flottent au milieu du bloc, loin de la phrase qu'elles accompagnent. Relisez ce texte avant d'envoyer le document.
align="start" : l'icône et la croix se posent sur la première ligne, là où commence la lecture. Relisez ce texte avant d'envoyer le document.Couleur arbitraire
Le composant tient sur une seule variable CSS : « containerStyle » ouvre la porte à n'importe quelle couleur.
Violet plein — la teinte du texte est à votre charge dès que la couleur sort du thème.
Le même violet en « soft » : DaisyUI en tire le fond, la bordure et le texte tout seul.
Une couleur oklch en « outline ».
Options et Configurations
Alerte persistante (sans bouton de fermeture)
Alerte minimaliste sans icône
Contenu HTML : Message enrichi avec un lien
Action personnalisée au lieu du bouton fermer
Messages complexes
Ceci est un message très long pour tester le retour à la ligne automatique et l'alignement des icônes latérales. Le texte doit rester lisible et bien espacé par rapport aux boutons d'action.
- Point de vérification 1
- Point de vérification 2