Components
Sample tab from the Writedocs template, kept to show what’s available to use when writing real pages.
Callouts
A
note for side information.A
tip for a shortcut or best practice.A
warning for something that can go wrong.<Callout type="warning">A `warning` for something that can go wrong.</Callout>Other types: info, check, danger.
Cards
With an icon
Any Lucide icon name.
As a link
Add
href to make the whole card clickable.Steps
First
Do this.Second
Then this.Tabs
brew install acmewinget install acmeAccordion
Click to expand #
Hidden until opened. Good for FAQs and long optional detail.
Code
Fenced code blocks get highlighting and a copy button. Several blocks inside <CodeGroup> become tabs, labelled by the text after the language:
<CodeGroup>
```bash cURL
curl https://api.example.com/v1/orders
```
```javascript Node.js
await fetch('https://api.example.com/v1/orders');
```
</CodeGroup>The full list of components, with every option, is in the Writedocs docs.
Documentation › Components (sample)