Callout Component

A built-in component to show important information to the reader.

Note

GitHub-style alerts are supported since v0.9.0. It leverages Markdown syntax to render the callout which ensures better portability and readability of the content.

Examples

Default

🌐
A callout is a short piece of text intended to attract attention.
{{< callout emoji="🌐" >}}
    A **callout** is a short piece of text intended to attract attention.
{{< /callout >}}

Info

ℹ️
A callout is a short piece of text intended to attract attention.
{{< callout type="info" >}}
  A **callout** is a short piece of text intended to attract attention.
{{< /callout >}}

Warning

⚠️
A callout is a short piece of text intended to attract attention.
{{< callout type="warning" >}}
  A **callout** is a short piece of text intended to attract attention.
{{< /callout >}}

Error

🚫
A callout is a short piece of text intended to attract attention.
{{< callout type="error" >}}
  A **callout** is a short piece of text intended to attract attention.
{{< /callout >}}

Options

ParameterDescription
typeThe type of callout. (default, info, warning, error)
emojiThe emoji to show before the callout.
iconThe emoji of the callout (related to type or can be a custom emoji).
Last updated on