Callouts
Built-in component that displays important information to the reader.
Example
👾
Callout is a short text that is designed to attract attention
ℹ️
Callout is a short text that is designed to attract attention.
⚠️
Callout is a short text that is designed to attract attention.
🚫
Callout is a short text that is designed to attract attention.
Usage
Default
🌐
Hugo can be used to create a variety of websites, including blogs, portfolios, documentation websites, etc.
{{< callout emoji="🌐" >}}
Hugo can be used to create a variety of websites, including blogs, portfolios, documentation websites, etc.
{{< /callout >}}Info
ℹ️
Please visit GitHub to view the latest version
{{< callout type="info" >}}
Please visit GitHub to view the latest version
{{< /callout >}}Warning
⚠️
This API Will be deprecated in the next version
{{< callout type="warning" >}}
**A callout** is a short text that is intended to attract attention
{{< /callout >}}Error
🚫
Something went wrong, it’s going to explode
{{< callout type="error" >}}
Something went wrong, it's going to explode
{{< /callout >}}