Callouts
import { Callout } from “@rapidoc/portal/components”;
A callout looks the same whichever way you write it, so pick the syntax of the page’s format.
| Format | Syntax |
|---|---|
| Markdown, MDX | :::tip … ::: |
| MDX | <Callout type="tip"> or <Aside type="tip"> |
| Markdoc | {% callout type="tip" %} or {% aside type="tip" %} |
Markdown blocks
Section titled “Markdown blocks”:::noteA plain note.:::
:::caution[Rate limits]More than 100 requests a second get a 429.:::
:::danger{title="Irreversible"}Deleting an account removes all its data.:::A plain note.
Rate limits
More than 100 requests a second get a 429.
Irreversible
Deleting an account removes all its data.
The title goes in square brackets, :::tip[Title], or in braces, :::tip{title="Title"}.
| Type | Icon |
|---|---|
note, info |
info |
tip |
lightbulb |
success |
check circle |
caution, warning |
warning |
danger |
shield warning |
sparkles |
sparkle |
rocket |
rocket |
settings |
gear |
zap |
lightning |
lock |
lock |
megaphone |
megaphone |
Zudoku’s names (info, warning, sparkles, …) work too, so migrated pages render as they did.
New in v2
The rocket, sparkles, zap and megaphone types suit announcements.
Another icon
Section titled “Another icon”icon picks any Phosphor icon:
<Callout type="info" icon="clock" title="Takes a few minutes"> Label generation runs in the background.</Callout>