UI: Components

File Tree

File Tree is a graphical representation of the directory structure of a file system. It is a tree-like structure that shows the relationship between files and directories in a hierarchical manner.

Does not support right-to-left. Used here with icons using <ui-mask>.

• src
  • assets
    • spring.jpg
    • summer.jpg
    • winter.jpg
• public
  • favicon.ico
  • robots.txt
• working
  • accordion.html
  • banner.html
  • hero.html

With opposite color-scheme

Variants

The actual default, without icons.

• Item 1
  • Item 1-1
    • Item 1-1-1
    • Item 1-1-2
    • Item 1-1-3
• Item 2
  • Item 2-1
  • Item 2-2
  • Item 2-3
• Item 3
  • Item 3-1
  • Item 3-2
  • Item 3-3