Datendarstellung

Notification feed stack

Ein vertikaler Feed, der Benachrichtigungskarten auf einem Timer anzeigt, ältere Karten nach unten schiebt und die ältesten von unten fallen lässt, wenn neue eintreffen.

Notification feed stack verwenden

Ein vertikaler Feed, der Benachrichtigungskarten auf einem Timer anzeigt, ältere Karten nach unten schiebt und die ältesten von unten fallen lässt, wenn neue eintreffen.

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: accent, interval, maxVisible, pauseOnHover

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

2347Endless Feed LoaderDatendarstellungEine Liste im Nachrichtenstil, die immer wieder neue Schlagzeilen hinzufügt, während unten ein kleiner Spinner ins Bild scrollt.

2412Reflowing Notification StackDatendarstellungEin Stapel von Benachrichtigungskarten, der reibungslos neu fließt, wenn eine neue hinzugefügt oder eine alte verworfen wird, anstatt zu springen.

1917Avatar Lineup HoverDatendarstellungEine Reihe überlappender Avatar-Kreise, in denen man ihn über seine Nachbarn hebt, wenn man mit der Maus darüber fährt, und einen Namens-Tooltip anzeigt.

1918Avatar StackDatendarstellungEine Reihe überlappender kreisförmiger Avatare, die den Avatar unter dem Zeiger trennt und anhebt und darüber einen Namens-Tooltip anzeigt.

2128Concentric goal ringsDatendarstellungDrei ineinander verschachtelte Fortschrittsringe, die sich nacheinander zeichnen, neben einer Anzeige des aktuellen und Zielwerts jedes Ziels.

2001Multi open panel stackDatendarstellungEin Stapel von Bedienfeldabschnitten, die unabhängig voneinander erweitert werden können, mit geschlossener Kopie, die über die Browser-Suche auf der Seite weiterhin erreicht werden kann.