52931107a3
* update dev and build command chore: move contents to exampleSite chore: add configs to exampleSite chore: use tailwindcss/nesting * add postcss-import * move imports to the top chore: add config for theme dev chore: add compiled css chore: fix last updated issue chore: dont't ignore hugo_stats.json chore: update index page layout
1.7 KiB
| title | linkTitle |
|---|---|
| Callout Component | Callout |
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 */>}}