File Tree

Hextra interactive file tree with expandable/collapsible folders.
1 minute read

An interactive file tree with expandable/collapsible folders. Compose three shortcodes: hextra/filetree/container, hextra/filetree/folder, and hextra/filetree/file.

{{< hextra/filetree/container >}}
  {{< hextra/filetree/folder name="src" >}}
    {{< hextra/filetree/file name="main.go" >}}
  {{< /hextra/filetree/folder >}}
  {{< hextra/filetree/file name="README.md" >}}
{{< /hextra/filetree/container >}}

Folder parameters:

ParameterDescriptionDefault
nameFolder name(required)
state"open" or "closed"open

Example:

      • _index.md
      • getting-started.md
    • baseof.html
    • index.html
  • hugo.yaml
  • package.json