> ## Documentation Index
> Fetch the complete documentation index at: https://context7.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Tree

> Show a file and folder structure

Use nested folder and file components.

## Usage

```mdx theme={null}
<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

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

  <Tree.File name="package.json" />
</Tree>