Components
Components are written as directives: a fence of colons, a name, an optional [title] and
optional {key="value"} attributes. They become static HTML at build time, with no JavaScript
needed to show them.
:::note[A title]
Any **Markdown** inside.
:::
Block components use three colons and a closing fence. One-line components, like link buttons, use two. Inline ones, like badges, use one. To put a component inside another, give the outer fence more colons. An unknown name fails the build with the file and line number.
Notes, tips, cautions and warnings.
Alternatives side by side, synced across pages.
A grid of cards, optionally linked.
A numbered sequence of steps.
A collapsible block.
A folder structure from a bulleted list.
Links styled as buttons.
Inline badges, keyboard keys and color swatches.
An image that opens full size when clicked.
pip, uv and poetry commands for a package, as tabs.
A table of settings from .env lines, with Copy .env.
Model cards, chats, tools, agent traces, prompts and benchmarks.
Add a template to register your own.