SemText

Reference · SemText · Data & tables

<sem-file-tree>

SemText element

You type the tree with box-drawing characters or plain indentation; with JavaScript on the same engine as sem-site-tree turns it into a browsable listing, and with JavaScript off the pre is the record.

A file listing written as an indented tree inside a pre block. You type the tree with box-drawing characters or plain indentation; with JavaScript on the same engine as sem-site-tree turns it into a browsable listing, and with JavaScript off the pre is the record. per the global attribute catalog (conventions.md §2)

Children

  • <mode>`text` | `structured` (default); explicit `mode` overrides content dispatch.

Example

sem-file-tree.html
source
1 <sem-file-tree mode="text" label="Assets">
2 <pre>
3 assets/
4 ├── icons/
5 │ └── logo.svg
6 ├── main.css
7 └── app.js
8 </pre>
9 </sem-file-tree>
render
No shipped runtime for this element — the authored example renders as plain HTML.

Source: spec/schema/sem-file-tree.md