Toasts empilés
Chaque nouvelle notification se pose sur la pile tandis que les précédentes reculent en rétrécissant, quatre au maximum.
Réglages
Code
<div class="uv-zstack"><button class="fire">Ajouter une notification</button><div class="pile"><div class="toast"><i>✦</i><span><b>Activité récente</b><small>Le projet a été mis à jour.</small></span></div></div></div>Prompt pour l’IA
Collez-le dans ChatGPT, Claude ou Cursor : le bloc sera adapté à votre projet avec ces réglages, même sans React.
Plus dans Notifications
Où l’utiliser
Pour les moments où les alertes arrivent par vagues. Pensez à l'écran des commandes d'un restaurant bondé un vendredi soir, ou au tableau de bord d'une boutique en ligne en pleines soldes : chaque nouvelle commande se pose au-dessus et les précédentes reculent sans disparaître. Des notifications toast empilées, dans l'esprit de Sonner en React.
La pile garde les quatre plus récentes et écarte la plus ancienne : n'y mettez rien qu'on ne doit surtout pas rater. Regroupez les répétitions, « 3 nouvelles commandes » vaut mieux que trois cartes identiques. Et prévoyez un moyen de tout effacer une fois le rush passé.