Skip to Content
Nextra Docs FeaturesBuilt-in ComponentsFile Tree

File Tree

The FileTree component is a component that displays a file tree of the current directory.

    • _meta.js
    • contact.md
    • index.mdx

Code

<FileTree>
  <FileTree.Folder name="pages" defaultOpen>
    <FileTree.File name="_meta.js" />
    <FileTree.File name="contact.md" />
    <FileTree.File name="index.mdx" />
    <FileTree.Folder name="about">
      <FileTree.File name="_meta.js" />
      <FileTree.File name="legal.md" />
      <FileTree.File name="index.mdx" />
    </FileTree.Folder>
  </FileTree.Folder>
</FileTree>
Last updated on
CardsSteps