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 >}}