Callout Component

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

Example

👾
A callout is a short piece of text intended to attract attention.
ℹī¸
A callout is a short piece of text intended to attract attention.
⚠ī¸
A callout is a short piece of text intended to attract attention.
đŸšĢ
A callout is a short piece of text intended to attract attention.

Usage

Default

🌐
Hugo can be used to create a wide variety of websites, including blogs, portfolios, documentation sites, and more.
{{< callout emoji="🌐" >}}
  Hugo can be used to create a wide variety of websites, including blogs, portfolios, documentation sites, and more.
{{< /callout >}}

Info

ℹī¸
Please visit GitHub to see the latest releases.
{{< callout type="info" >}}
  Please visit GitHub to see the latest releases.
{{< /callout >}}

Warning

⚠ī¸
This API will be deprecated in the next version.
{{< callout type="warning" >}}
  A **callout** is a short piece of text intended to attract attention.
{{< /callout >}}

Error

đŸšĢ
Something went wrong and it’s going to explode.
{{< callout type="error" >}}
  Something went wrong and it's going to explode.
{{< /callout >}}