Statusmeldungen

Toast stack

Ein Benachrichtigungsstapel in der Ecke, in dem ältere Toasts sich hinter den neuesten stecken und darauf zeigen, sie in einer Liste auffächern und jeder einen Haaransatz abträgt, bevor er verschwindet.

Hovering the stack fans it out and holds each countdown.

Toast stack verwenden

Teste die Vorschau mit Maus und Tastatur. Prüfe den sichtbaren Fokus und das Layout auf schmalen Bildschirmen in deiner eigenen Seite. Nenne deinem Agenten die Nummer oder den Bezeichner, um diese Komponente abzurufen.

Eigenschaften: position, maxVisible, duration

Welche Frameworks sind verfügbar?

Der Katalog enthält diese Versionen: react, vue, svelte, astro, html. Die Vorschau auf dieser Seite verwendet React.

Wie greife ich auf die Implementierung zu?

Vorschau und Beschreibung sind öffentlich. Melde dich mit einem berechtigten Konto an, um Code, Framework-Versionen und Installation zu öffnen.

Verbinde deinen Agenten

Ähnliche Komponenten

2240Stacked notification trayStatusmeldungenEin Stapel von Benachrichtigungskarten im Telefonstil, der sich beim Antippen zu einer lesbaren Liste auffächert und wieder zu einem einzigen Stapel zusammenfällt.

1937Click ripple burstStatusmeldungenEin Zeiger-Feedback-Effekt, der eine kurze animierte Form genau dort erzeugt, wo der Benutzer klickt oder tippt.

2122Click spark burstStatusmeldungenJede Presse wirft einen Ring aus kurzen Linien vom genauen Kontaktpunkt aus, jede einzelne dehnt sich aus und schrumpft im Flug zu nichts.

2055Stacked notification drawerStatusmeldungenEin kompakter Stapel von Benachrichtigungskarten, der sich hinter der obersten Karte verbirgt, bis er mit der Maus darüber bewegt wird, und sich dann zu einer vollständig lesbaren Liste auffächert, bevor er wieder zusammenfällt.

2117Breathing dot loaderStatusmeldungenPunkte, die an Ort und Stelle bleiben und atmen, anstatt sich abwechselnd zu bewegen, anzuschwellen und zu verblassen, sodass die Reihe wie ein langsamer Herzschlag aussieht.

2129Content Loading CardStatusmeldungenEin kartenförmiger Platzhalter, der mit einem langsamen opacity-Puls atmet, während noch ein großer Bildblock und zwei Textzeilen geladen werden.