Registry Index

Search the catalog

Type to search items across every indexed registry, or pick a page.

ComponentReactregistry:uiSelf-contained

File Tree

file-tree

A component used to showcase the folder and file structure of a directory.

Live, loading

Starting the live preview…

Rendered from its demo File Tree Demo. Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

5 other registries

Similar components

Other registries' take on file-tree.

1 demo

See it in use

Files this registry ships to demonstrate the item. They are indexed and installable, but they don't count as components of their own.

Example showing a component that displays folder and file structure.

@magicui

More from @magicui