Callouts draw attention to important information by displaying content in visually distinct boxes. Mordoc supports three types of callouts: note, warning, and danger.

Syntax

Create callouts using syntax:

{% callout type="note" title="Note" %}
Even the smallest person can change the course of the future.
{% /callout %}

Callout types

Note callouts

Use notes for helpful tips, additional context, or supplementary information:

{% callout type="note" title="Pro tip" %}
When at the gates of Moria, say *mellon*.
{% /callout %}

Warning callouts

Use warnings for important information that users should be aware of:

{% callout type="warning" title="Warning" %}
Some enemies, like the Balrog beneath the mountain, are not meant to be fought at all
{% /callout %}

Danger callouts

Use danger callouts for critical warnings about destructive or risky actions:

{% callout type="danger" title="Danger" %}
Do not claim the Ring for yourself, or it will claim you in return.
{% /callout %}

Callouts without titles

You can also write callouts without titles:

{% callout type="note" %}
Even the smallest person can change the course of the future.
{% /callout %}

Next steps

• Cards & Card Grid - Create visual card layouts