Skip to main content

Callouts

Enhance your content with eye-catching callouts to provide important context. Each callout type is designed to convey a specific tone and importance level, making it easier for users to grasp key points at a glance.

Attributes​

type string required

The type of Callout to be used, including: info, success, warning, danger, and custom.

title string required
Title displayed in the Callout preview.

description string
Detail text displayed below the title in the Callout preview.

Code for Callouts
<Callout type="info" title="Info">
This adds an Info Callout to the content. 
</Callout>

Callout Types​

Info​

Use the Info Callout to highlight important information that is neutral or instructional.

Info

This adds an Info Callout to the content.

Success​

Use the Success Callout to share helpful tips or best practices that can assist users.

Success

This adds a Success Callout to the content.

Warning​

Use the Warning Callout to alert users about potential issues or important cautions.

Warning

This adds a Warning Callout to the content.

Danger​

Use the Danger Callout to emphasize critical warnings or risks that require immediate attention.

Danger

This adds a Warning Callout to the content.