Toast, dass jemand beigetreten ist
Ein farbiger Cursor mit Namen gleitet ins Dokument, während der Toast den Beitritt meldet.
Einstellungen
Code
<div class="uv-qpj"><button type="button" class="fire">Erneut zeigen</button><span class="cu" aria-hidden="true"><svg viewBox="0 0 24 24"><path d="M4 3l15 7.5-6.5 1.8L10 19z"/></svg><b>Marta</b></span><div class="tt" role="status"><span class="av" aria-hidden="true">MR<i></i></span><span class="tx"><b>Marta ist dem Dokument beigetreten</b><small>Jetzt bearbeiten 3 Personen</small></span><span class="st"><i style="--c:#3b82f6"></i><i style="--c:#f59e0b"></i><i style="--c:var(--c1)"></i></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
Kollaborative Editoren zeigen Anwesenheit in Echtzeit, und eine Beitrittsmeldung wirkt besser, wenn sie wie die Zusammenarbeit selbst aussieht. Erscheint dieser Toast, gleitet ein pinker Cursor mit Namensschild ins Bild und wandert etwas umher. Der Toast zeigt den Avatar mit Online-Punkt, die Nachricht und einen Stapel aller, die gerade bearbeiten, die Neue springt herein.
Nutze ihn in Dokumenten, Whiteboards, Designtools oder geteilten Tabellen. Der Cursor ist dekorativ und für Hilfstechnologien ausgeblendet. Die Hauptfarbe bestimmt Cursor, Avatarring und den Punkt der neuen Person, sodass jede Person ihre eigene Farbe haben kann.