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
Parameter | Description |
---|---|
type | The type of callout. (default, info , warning , error ) |
emoji | The emoji to show before the callout. |
icon | The emoji of the callout (related to type or can be a custom emoji). |
Last updated on