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
typestring
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.
Callout Types
Info
Use the Info Callout to highlight important information that is neutral or instructional.
This adds an Info Callout to the content.
<Callout type="info" title="Info">
This adds an Info Callout to the content.
</Callout>
Success
Use the Success Callout to share helpful tips or best practices that can assist users.
This adds a Success Callout to the content.
<Callout type="success" title="Success">
This adds a Success Callout to the content.
</Callout>
Warning
Use the Warning Callout to alert users about potential issues or important cautions.
This adds a Warning Callout to the content.
<Callout type="warning" title="Warning">
This adds a Warning Callout to the content.
</Callout>
Danger
Use the Danger Callout to emphasize critical warnings or risks that require immediate attention.
This adds a Warning Callout to the content.
<Callout type="danger" title="Danger">
This adds a Danger Callout to the content.
</Callout>