Datendarstellung

Quiet File Tree

Ein Ordner- und Dateibaum, in dem eine sanfte Hervorhebung zwischen den Zeilen gleitet, wenn sich der Zeiger oder der Tastaturfokus bewegt.

src

components

hooks

App.tsx

main.tsx

public

package.json

tsconfig.json

README.md

Quiet File Tree verwenden

Ein Ordner- und Dateibaum, in dem eine sanfte Hervorhebung zwischen den Zeilen gleitet, wenn sich der Zeiger oder der Tastaturfokus bewegt.

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, indentSize, rowHeight, highlightOnHover

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

2197Nested File BrowserDatendarstellungEin zugänglicher Dateibaum, in dem mehrere Ordner in unterschiedlichen Tiefen gleichzeitig geöffnet bleiben können, verbunden durch verbindende Hilfslinien.

2198Nested file treeDatendarstellungEin Verzeichnisbaum, dessen Ordner mit animierter Höhe, gezeichneten Einrückungshilfen und jeweils einer ausgewählten Datei erweitert und reduziert werden.

1966Git status file treeDatendarstellungEin verschachtelter Ordner- und Dateibrowser, in dem jede geänderte Datei einen farbigen Git-Statusbuchstaben trägt und Ordner beim Öffnen die Symbolform wechseln.

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.

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.