Toast
Un empilement d'éléments (en général des Alert) ancré dans un coin de la page. Pas de couleur ni de taille propres -- celles réglables ci-dessous sont celles de l'Alert de démonstration qu'il empile.
New message!
You have 1 unread message
Réglages
Chaque réglage correspond à une propriété du composant.
Le bord horizontal où ancrer la pile.
Le bord vertical où ancrer la pile.
Le contenu empilé : une Alert de démonstration, réglable ci-dessous.
La couleur de l'Alert affichée dans le Toast (pas une prop de Toast lui-même).
Le style de cette Alert : plein, teinté (soft), contour, ou pointillés.
La taille du titre et de la description de cette Alert.
Le titre de l'Alert, 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.
Des classes en plus, pour tester une personnalisation.
Le code correspondant
import Toast from "@neo/ui/components/Toast.astro";
<Toast />