Statusmeldungen

Stacked notification tray

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

Build succeeded

main deployed to production in 48s

Payment cleared

$1,240 from Nova Robotics settled

Priya replied

Sounds good, shipping the fix now

14m

Design review requested

Two frames need a look before 5 pm

38m

Stacked notification tray verwenden

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

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: count, accent, startExpanded, collapsedOffset, stagger

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?

Code, Framework-Versionen und Installationsbefehle sind im Arbeitsbereich oben verfügbar.

Verbinde deinen Agenten

Ähnliche Komponenten

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.

1546Toast stackStatusmeldungenEin 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.

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.

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.

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.