Callout

Hextra callout shortcode with colored left border and icon.

1 minute read

Callouts highlight important information with a colored left border and an icon. Five types are supported: default (green), info (blue), warning (orange), error (red), and important (teal).

{{< hextra/callout type="info" >}}
Your message here. Supports **Markdown**.
{{< /hextra/callout >}}

Parameters:

Parameter	Description	Default
`type`	Callout style: `default`, `info`, `warning`, `error`, `important`	`default`
`emoji`	Optional emoji to replace the icon (e.g., `"🚀"`)	(none)

Examples:

This is a default callout. It uses a light-bulb icon and green styling.

This is an info callout. Use it to surface supplementary context.

This is a warning callout. Draw attention to potential issues.

This is an error callout. Indicate something that went wrong.

This is an important callout. Emphasize critical information.

🚀

You can use an emoji instead of the default icon.