Gestapelte Toasts
Jede neue Benachrichtigung landet oben auf dem Stapel, ältere rücken verkleinert nach hinten, höchstens vier auf einmal.
Einstellungen
Code
<div class="uv-zstack"><button class="fire">Mitteilung hinzufügen</button><div class="pile"><div class="toast"><i>✦</i><span><b>Letzte Aktivitäten</b><small>Das Projekt wurde aktualisiert.</small></span></div></div></div>Prompt für KI
Füg ihn in ChatGPT, Claude oder Cursor ein und der Baustein wird mit diesen Einstellungen an dein Projekt angepasst, auch ohne React.
Mehr aus Toasts
Wofür du ihn nutzen kannst
Für Momente, in denen Meldungen schubweise kommen. Denk an den Bestellbildschirm eines vollen Restaurants am Freitagabend oder an das Dashboard eines Onlineshops mitten im Sale: Jede neue Bestellung landet oben, die älteren rücken nach hinten, ohne zu verschwinden. Gestapelte Toast-Benachrichtigungen in dem Stil, den Sonner in React bekannt gemacht hat.
Der Stapel behält die vier neuesten und wirft die älteste raus, also nichts hineinpacken, was niemand verpassen darf. Fass Wiederholungen zusammen: „3 neue Bestellungen“ ist besser als drei gleiche Karten. Und gib eine Möglichkeit, alles zu leeren, wenn der Ansturm vorbei ist.