Datendarstellung

Spring Push Collapsible

Eine Einstellungszeile, die ein Detailfenster öffnet und die darunter liegenden Zeilen auf einer gemeinsamen Feder nach unten drückt, statt auf einen Höhensprung.

AppearanceDark

SoundOn

AutoplayOff

Storage12.4 GB used

Spring Push Collapsible verwenden

Eine Einstellungszeile, die ein Detailfenster öffnet und die darunter liegenden Zeilen auf einer gemeinsamen Feder nach unten drückt, statt auf einen Höhensprung.

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, defaultOpen, stiffness, damping, keepMounted

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

2034Settings Group AccordionDatendarstellungEine vertikale Gruppe beschrifteter Abschnitte, die jeweils unabhängig voneinander erweitert werden können, sodass im Gegensatz zu einem typischen einfach geöffneten Akkordeon mehr als einer gleichzeitig geöffnet bleibt.

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.

1935Chevron accordion listDatendarstellungEin vertikaler Stapel von Fragenreihen, die jeweils erweitert werden, um eine Antwort preiszugeben, mit einem Chevron, das sich umdreht, wenn die Reihe geöffnet ist.

2134Counting readoutDatendarstellungEine metrische Zahl, die von einem Startwert bis zu ihrem Ziel auf einer Feder zählt, wenn sie zum ersten Mal angezeigt wird, mit festen Dezimalstellen und optionaler Nullauffüllung.

2140Detail list itemDatendarstellungEine Listenzeile, die ein führendes Symbol oder einen Avatar, einen Titel und eine Beschreibung sowie eine nachgestellte Aktion für Benachrichtigungslisten, Menüs oder Einstellungszeilen kombiniert.