Overview
Every block you can use in a page, at a glance.
Components are short blocks of Markdown that start and end with colons. They work the same in the editor, in files and through the API.
| Component | Write | Use it for |
|---|---|---|
| Callouts | :::tip |
Notes, tips and warnings |
| Steps | :::steps |
Numbered instructions |
| Tabs | ::::tabs |
Instructions that differ by device |
| Accordions | :::accordion[Question] |
Questions and answers |
| Code | three backticks | Commands and code |
| Media |  |
Images and video |
| Keys | :kbd[Ctrl] |
Keyboard keys |
| Link cards | :::links |
Related pages |
Nesting
To put one block inside another, give the outer block one more colon.
::::tabs
:::tab[Mac]
Hold Option to see more.
:::
::::Link cards
:::links
- [Callouts](/components/callouts): draw attention to one thing.
- [Steps](/components/steps): walk a reader through a task.
:::