midtowndrafting.com/content/docs/guide/shortcodes/callout.md

title	linkTitle	aliases	prev
Callout Component	Callout	callouts	/docs/guide/shortcodes

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

Example

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

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

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

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

Usage

Default

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

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

Info

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

{{</* callout type="info" */>}}
  Please visit GitHub to see the latest releases.
{{</* /callout */>}}

Warning

{{< callout type="warning" >}} This API will be deprecated in the next version. {{< /callout >}}

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

Error

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

{{</* callout type="error" */>}}
  Something went wrong and it's going to explode.
{{</* /callout */>}}