Statusmeldungen

Stacked Alert Toasts

Ein in einer Ecke verankerter Toaststapel, bei dem neue Benachrichtigungen hinter der neuesten Karte komprimiert werden und der gesamte Stapel beim Schweben zu einer lesbaren Liste erweitert wird.

Deploy pipeline

Send a notification to see it join the stack.

Stacked Alert Toasts verwenden

Ein in einer Ecke verankerter Toaststapel, bei dem neue Benachrichtigungen hinter der neuesten Karte komprimiert werden und der gesamte Stapel beim Schweben zu einer lesbaren Liste erweitert wird.

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, durationSeconds, expandOnHover, color

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

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.

1945Count badge clusterStatusmeldungenEine Reihe von Wortpillen und kompakten numerischen Token zum Beschriften oder Inline-Zählen.

2138Curtain line loaderStatusmeldungenEin Ladevorhang, der sich hinter einer hellen Wanderlinie zurückzieht und den fertigen Inhalt sichtbar macht, anstatt ihn einzublenden.