mirror of
https://github.com/upstash/context7.git
synced 2026-09-14 19:09:34 +08:00
Enes Gules
6d777619c2
Co-authored-by: Context7 Agent <docs-agent@context7.com> Co-authored-by: Josh <josh@upstash.com> Co-authored-by: context7[bot] <236830434+context7[bot]@users.noreply.github.com>
29 lines
542 B
Plaintext
29 lines
542 B
Plaintext
---
|
|
title: Tree
|
|
description: Show a file and folder structure
|
|
---
|
|
|
|
Use nested folder and file components.
|
|
|
|
## Usage
|
|
|
|
```mdx
|
|
<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>
|