Toast mit Küchenwecker
Ein Wecker mit zwei Glocken rattert, wenn die Zeit um ist, und lässt dich fünf Minuten nachlegen oder ihn stoppen.
Einstellungen
Code
<div class="uvq09-ktm"><button type="button" class="fire">Erneut zeigen</button><div class="tt" role="alert"><span class="ck" aria-hidden="true"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round"><path class="bel" d="M3.4 8.4a3.7 3.7 0 0 1 5.2-5.2zM20.6 8.4a3.7 3.7 0 0 0-5.2-5.2z"/><circle class="fc" cx="12" cy="13.5" r="6.6"/><path d="M12 10.3v3.3l2.2 1.5M7.6 19.6l-1.6 2M16.4 19.6l1.6 2"/><path class="wv" d="M1.8 12c-.6 1.3-.6 2.7 0 4M22.2 12c.6 1.3.6 2.7 0 4"/></svg></span><span class="tx"><b>Die Pasta ist fertig</b><small class="m1">9-Minuten-Timer</small><small class="m2">Ich erinnere dich in 5 Minuten</small></span><span class="ac"><button type="button" class="sn">+5 min</button><button type="button" class="st">Stopp</button></span></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
Alle ansehen: ToastsWofür du ihn nutzen kannst
Ein Wecker mit zwei Glocken sagt schon vor dem ersten Wort, dass die Zeit um ist. Dieser Toast schüttelt die Uhr in kurzen Stößen mit Klanglinien an den Seiten, liegt auf einer mintgrünen Emaille-Karte wie ein altes Küchengerät und bietet zwei klare Wege: fünf Minuten mehr oder Stopp. Er nutzt role alert und passt zu Rezept-Apps, Küchentimern, Workouts und Fokus-Tools.
Die Hauptfarbe gilt für die Uhr und den Stopp-Button, die zweite für die Emaille-Karte. Schlummern tauscht den Untertitel und schließt den Toast nach einem Moment, verbinde es also mit dem Timer deiner App, um den Countdown neu zu starten.