Toast mit zwei Aktionen
Eine kurze Frage mit zwei Buttons, „Jetzt nicht“ und „Veröffentlichen“, die sich nach der Wahl von selbst verabschiedet.
Einstellungen
Code
<div class="uv-za"><button class="fire">Aktion anfordern</button><div class="toast"><span><b>Änderungen veröffentlichen?</b><small>Es wird für das ganze Team sichtbar.</small></span><div><button class="no">Nicht jetzt</button><button class="yes">Veröffentlichen</button></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
Manche Entscheidungen sind zu klein für ein ganzes Modal. Im Team-Wiki fragt nach dem Bearbeiten einer Seite ein Toast „Änderungen veröffentlichen?“ und weist darauf hin, dass alle sie sehen; auf einer Kursplattform könnte er anbieten, eine neue Lektion freizuschalten. Dieser Bestätigungs-Toast blockiert nichts und hält den Arbeitsfluss.
Beschrifte die Buttons mit Verben, dann ist die Wahl klar, ohne den Titel zweimal zu lesen. Die sichere Option steht links und in Grau. Für alles Unumkehrbare, etwa das Löschen eines Kontos, ist ein richtiger Dialog weiterhin die bessere Wahl.