forked from drowl87/hextra_mirror
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
75 lines
1.7 KiB
Markdown
75 lines
1.7 KiB
Markdown
---
|
|
title: Callout Component
|
|
linkTitle: 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 >}}
|
|
|
|
```markdown
|
|
{{</* 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 >}}
|
|
|
|
```markdown
|
|
{{</* 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 >}}
|
|
|
|
```markdown
|
|
{{</* 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 >}}
|
|
|
|
```markdown
|
|
{{</* callout type="error" */>}}
|
|
Something went wrong and it's going to explode.
|
|
{{</* /callout */>}}
|
|
```
|