Alert
Un bandeau pour informer d'un événement important, avec icône et actions en option. Cinq couleurs, quatre styles, deux tailles.
New message!
You have 1 unread message
Vue d'ensemble : color × style
Réglages
Chaque réglage correspond à une propriété du composant.
La couleur de l'alerte.
Le style : plein, teinté (soft), contour, ou pointillés.
La taille du titre et de la description.
Icône, texte et actions en ligne, ou empilés et centrés.
Le titre, en gras. Vide, il n'y en a pas.
Le texte sous le titre. Vide, il n'y en a pas.
Une icône avant le texte.
Un ou plusieurs boutons d'action, calés à droite (ou centrés en vertical).
Délai (ms) avant disparition automatique -- n'a d'effet que dans un Toast, sans rapport ici.
Des classes en plus, pour tester une personnalisation.
Le code correspondant
import Alert from "@neo/ui/components/Alert.astro";
<Alert />