Copy page

Content

Callout

A callout highlights a piece of information with a color and an icon that match its type.

Live demo

Syntax

Markdown
:::callout{type=tip title="Tip"}
Lorem ipsum dolor sit amet.
:::

MDX
<Callout type="warning" title="Careful">Lorem ipsum dolor sit amet.</Callout>

Attributes and props

note is styled like info. An unknown type falls back to info, in Markdown and in MDX alike.

In other formats

Format	Status	Notes
deck	Available	Rendered in slides, the presenter console and the HTML and PDF exports.
docs	Available	Through <StoryEmbed slug="…" /> in any page of a site.
motion	Available	Animated block in a film.
report	Planned · P6	Section of a paged report.
toon	Planned · P7	Panel of a vertical strip.
book	Planned · P8	Block of a printable chapter.