Baum

Baum

Dateiexplorer

Die Verschachtelung ist die gesamte Struktur: Ein Element öffnet sich, wenn es geöffnet ist, und seine Tiefe ist es, die die Zeile einrückt, während die Hervorhebung weiterhin die gesamte Breite einnimmt.

AppController.php

Der Baum hat keine eigene Breite und Höhe: Der Bereich neben ihm ist ein gewöhnlicher, und jede Seite scrollt für sich allein.

Vue

Gleiche Markup, gleiche Form, aber die Ordner öffnen und schließen sich: Das Chevron ist das, was einen Knoten faltet, und ein Klick irgendwo sonst in der Zeile wählt das Element aus und sendet es als Auswahlereignis nach oben.

Vue, in einem Arbeitsbereich

Der Explorer als App wird so geliefert: der vue Baum im scrollbaren Bereich eines Splits, der mehr Zeilen hält, als der Bereich hoch ist, und längere Namen als er breit ist. Der Bereich scrollt in beide Achsen und die horizontale Leiste bleibt am Boden, egal wo die letzte Zeile ist.

Pages

Der Baum hat keine eigene Breite und Höhe: Der Bereich neben ihm ist ein gewöhnlicher, und jede Seite scrollt für sich allein.

Ohne Icons

Die Form kennt nichts über Dateien — ein Element ohne Icon und ohne Link wird als Klartext angezeigt.
  • Wurzel
    • Erstes Kind
    • Zweites Kind