Typst🔖

The Typst directive allows you to render Typst documents directly in your hyperbook. Typst is a modern markup-based typesetting system that is easy to learn and produces beautiful documents.

Usage🔖

To use the Typst directive, wrap your Typst code in a :::typst block with a code block using the typ or typst language.

Preview Mode🔖

In preview mode, only the rendered output is shown with a download button for exporting to PDF.

:::typst{mode="preview"}
 
```typ
= Hello World!
 
This is a simple Typst document.
 
- First item
- Second item
- Third item
```
 
:::

Edit Mode🔖

In edit mode, an editor is shown alongside the preview, allowing users to modify the Typst code and see live updates.

:::typst{mode="edit"}
 
```typ
= Interactive Document
 
You can edit this text and see the changes live!
 
$ sum_(i=1)^n i = (n(n+1))/2 $
```
 
:::

Options🔖

Loading from External File🔖

You can load Typst code from an external file using the src attribute:

:::typst{mode="preview" src="document.typ"}
:::

The file is searched in the following locations (in order):

1. public/ directory
2. book/ directory
3. Current page's directory

Examples🔖

Mathematical Formulas🔖

Tables🔖

Code Blocks🔖