# Callouts

Asides that set a note, a tip, a warning or a caution apart from the prose around them.

A callout sets one remark apart from the prose around it. Pick the kind by what happens if the reader skips it.

::note
A note adds context the reader can do without.
::

::tip
A tip names a shorter way to the same result.
::

::warning
A warning names a mistake that is easy to make.
::

::caution
A caution names a mistake that breaks something.
::

## Usage

```mdc
::tip
`MagicDrawerTeleport` is optional.
::
```

Each kind is its own component: `::note`, `::tip`, `::warning` and `::caution`. The kind is announced to screen readers and shown through the fill and the symbol, so the text needs no label of its own.