Skip to content
Hextra v0.12 is here! 🎉 Discover what’s new

FileTree Component

Example

    • _index.md
      • _index.md
      • introduction.md
      • introduction.fr.md
  • hugo.toml

Usage

Markdown
{{< filetree/container >}}
  {{< filetree/folder name="content" >}}
    {{< filetree/file name="_index.md" >}}
    {{< filetree/folder name="docs" state="closed" >}}
      {{< filetree/file name="_index.md" >}}
      {{< filetree/file name="introduction.md" >}}
      {{< filetree/file name="introduction.fr.md" >}}
    {{< /filetree/folder >}}
  {{< /filetree/folder >}}
  {{< filetree/file name="hugo.toml" >}}
{{< /filetree/container >}}

Options

filetree/file

ParameterDescription
nameThe name of the file.

filetree/folder

ParameterDescription
nameThe name of the file.
stateThe state of the file. Can be open or closed. Default is open.
Last updated on