Tree

Show a file and folder structure

Use nested folder and file components.

​

Usage

<Tree>
  <Tree.Folder name="src" defaultOpen>
    <Tree.File name="index.ts" highlight />
  </Tree.Folder>
  <Tree.File name="package.json" />
</Tree>

Folders accept defaultOpen, openable, and highlight. <FileTree> is an alias for <Tree>.

​

Example

src

index.ts

package.json