The admonition shortcode creates visually distinct callout boxes to highlight important information in your content. It supports five different types, each with its own styling and icon.

Usage

1
2
3

{{< admonition type="note" title="Custom Title" >}}
Your content here. go is supported!
{{< /admonition >}}

Parameters

Available Types

Note (💡)

Use for general information or helpful notes.

1
2
3

{{< admonition type="note" >}}
This is a note admonition with default styling.
{{< /admonition >}}

Colors: Blue border (#2196f3), light blue background (#e3f2fd)

Tip (✅)

Use for helpful tips or best practices.

1
2
3

{{< admonition type="tip" title="Pro Tip" >}}
Here's a useful tip to improve your workflow!
{{< /admonition >}}

Colors: Green border (#4caf50), light green background (#e8f5e9)

Info (ℹ️)

Use for informational content.

1
2
3

{{< admonition type="info" >}}
Additional information that might be useful.
{{< /admonition >}}

Colors: Cyan border (#00acc1), light cyan background (#e0f7fa)

Warning (⚠️)

Use for warnings or cautionary information.

1
2
3

{{< admonition type="warning" title="Be Careful!" >}}
This action might have unintended consequences.
{{< /admonition >}}

Colors: Orange border (#ff9800), light orange background (#fff3e0)

Danger (❌)

Use for critical warnings or errors.

1
2
3

{{< admonition type="danger" title="Critical" >}}
This is a dangerous operation that could cause data loss.
{{< /admonition >}}

Colors: Red border (#f44336), light red background (#ffebee)

Examples

Basic Note

Custom Title

With go Content