Kalender-Toast für Termine
Bestätigt einen neuen Termin mit Datumskachel, Zeitfenster und einem farbigen Balken, der an der Seite hochwächst.
Einstellungen
Code
<div class="uv-zcal"><button class="fire">Ereignis erstellen</button><div class="toast"><time><b>25</b>SEP</time><span><b>Design-Review</b><small>16:30–17:15 · Estudio</small></span><i></i></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
Gedacht für den Moment, in dem ein Termin feststeht. Bucht jemand auf der Website eines Friseursalons einen Haarschnitt oder wählt beim Zahnarzt einen freien Slot, zeigt der Kalender-Toast Tag, Uhrzeit und Ort auf einen Blick. Er funktioniert wie eine kleine Quittung dafür, dass die Buchung angekommen ist.
Gib immer Uhrzeit und Ort an, das Datum allein hilft wenig. Ein Link „Zum Kalender hinzufügen“ lohnt sich, wenn man den Termin später braucht. Und färb den Seitenbalken in deiner Markenfarbe, damit man ihn sofort zuordnet.