Title here
Summary here
Tree
Use the tree shortcode to render a file system tree from a Markdown list. Prefix any item with {icon-name} to inject an inline SVG from the configured
Tabler Icons set.
Usage
{{< tree >}}
- {folder} src
- {markdown} index.md
- {markdown} about.md
- {json} package.json
{{< /tree >}}The {icon-name} token is replaced with the matching SVG icon. Any valid Tabler icon name works.
Parameters
tree has no parameters. Content is a standard Markdown unordered list.
Example
- content
- docs
- _index.md
- getting-started.md
- _index.md
- docs
- config
- _default
- hugo.toml
- params.toml
- _default
- package.json
{{< tree >}}
- {folder} content
- {folder} docs
- {markdown} \_index.md
- {markdown} getting-started.md
- {markdown} \_index.md
- {folder} config
- {folder} \_default
- {toml} hugo.toml
- {toml} params.toml
- {json} package.json
{{< /tree >}}Common icons
| Token | Icon |
|---|---|
{folder} | Folder |
{markdown} | Markdown file |
{toml} | TOML file |
{json} | JSON file |
{html} | HTML file |
{svg} | SVG file |
{png} | PNG image |
{brand-sass} | Sass/SCSS file |