An open API service indexing awesome lists of open source software.

https://github.com/8lwxpg/typst-treet

Create tree list easily in Typst
https://github.com/8lwxpg/typst-treet

list tree typst typst-package

Last synced: 4 months ago
JSON representation

Create tree list easily in Typst

Awesome Lists containing this project

README

          

# Treet


GitHub manifest version (path)


GitHub Repo stars


GitHub


typst package

Create tree list easily in Typst

contribution is welcomed!

## Usage

```typst
#import "@preview/treet:1.0.0": *

#tree-list(
marker: content,
last-marker: content,
indent: content,
empty-indent: content,
marker-font: string,
content,
)
```

### Parameters

- `marker` - the marker of the tree list, default is `[├─ ]`
- `last-marker` - the marker of the last item of the tree list, default is `[└─ ]`
- `indent` - the indent after `marker`, default is `[│#h(1em)]`
- `empty-indent` - the indent after `last-marker`, default is `[#h(1.5em)]` (same width as indent)
- `marker-font` - the font of the marker, default is `"Cascadia Code"`
- `content` - the content of the tree list, includes at least a list

## Demo

see [demo.typ](https://github.com/8LWXpg/typst-treet/blob/master/test/demo.typ) [demo.pdf](https://github.com/8LWXpg/typst-treet/blob/master/test/demo.pdf)

### Default style

```typst
#tree-list[
- 1
- 1.1
- 1.1.1
- 1.2
- 1.2.1
- 1.2.2
- 1.2.2.1
- 2
- 3
- 3.1
- 3.1.1
- 3.2
]
```

![1.png](https://github.com/8LWXpg/typst-treet/blob/master/img/1.png)

### Custom style

```typst
#text(red, tree-list(
marker: text(blue)[├── ],
last-marker: text(aqua)[└── ],
indent: text(teal)[│#h(1.5em)],
empty-indent: h(2em),
)[
- 1
- 1.1
- 1.1.1
- 1.2
- 1.2.1
- 1.2.2
- 1.2.2.1
- 2
- 3
- 3.1
- 3.1.1
- 3.2
])
```

![2.png](https://github.com/8LWXpg/typst-treet/blob/master/img/2.png)

### Using show rule

```typst
#show list: tree-list
#set text(font: "DejaVu Sans Mono")

root_folder\
- sub-folder
- 1-1
- 1.1.1 -
- 1.2
- 1.2.1
- 1.2.2
- 2
```

![3.png](https://github.com/8LWXpg/typst-treet/blob/master/img/3.png)