Datendarstellung

Endless Feed Loader

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

Field Notes

2 stories

Coastal wind farm doubles output after turbine upgrade

Engineers swapped blade profiles across forty turbines, lifting the capacity factor to 52 percent this quarter.

Transit agency rolls out contactless fare across every line

Riders can now tap a card or phone at any of the network's 214 stations starting this week.

Endless Feed Loader verwenden

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

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: batchSize, loadDelayMs, accentColor, autoLoad

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

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

2011Pin priority listDatendarstellungEine Liste mit zwei Abschnitten, bei der durch Tippen auf den Pin einer Zeile der Wechsel zwischen einer fixierten Gruppe und dem Rest mit einer kontinuierlichen Federbewegung animiert wird.

2012Pin to top listDatendarstellungEine Liste mit zwei Gruppen, bei der durch Klicken auf eine Pin-Schaltfläche ein Element reibungslos zwischen einem angehefteten und einem nicht angehefteten Abschnitt verschoben wird.

2244Starred repos disclosureDatendarstellungEine Kopfzeile mit einer Umschalttaste, die eine kurze, ausgeblendete Liste markierter Repositorys unter einer Zeile anzeigt, die immer sichtbar bleibt.

2299Animated metric counterDatendarstellungEine große, bloße Zahl, die in dem Moment, in dem sie ins Bild gescrollt wird, von einem Startwert zu ihrem Ziel hochspringt und leicht über das Ziel hinausschießt, bevor sie sich stabilisiert, mit Tausendertrennzeichen und einem optionalen Suffix.

2302Auto-Scroll Message ListDatendarstellungEin scrollbares Chat-Panel, das an die neueste Nachricht angeheftet bleibt, es sei denn, der Leser scrollt nach oben, woraufhin eine schwebende Schaltfläche „Zur neuesten Nachricht springen“ erscheint.