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
, note
, support
and training
.
title string
Title displayed in the Callout.
description string
Detail text displayed below the title in the Callout preview.
Callout Types
Note
Use the Note Callout to share supplementary information or side remarks that are helpful but not critical to the main content.
This adds a Note Callout to the content.
This adds a Note Callout without title.
Info
Use the Info Callout to highlight important information that is neutral or instructional.
This adds an Info Callout to the content.
This adds a Info Callout without title.
Success
Use the Success Callout to share helpful tips or best practices that can assist users.
This adds a Success Callout to the content.
This adds a Success Callout without title.
Warning
Use the Warning Callout to alert users about potential issues or important cautions.
This adds a Warning Callout to the content.
This adds a Warning Callout without title.
Danger
Use the Danger Callout to emphasize critical warnings or risks that require immediate attention.
This adds a Warning Callout to the content.
This adds a Danger Callout without title.
Training
Use the Training Callout to highlight learning materials, tutorials, or resources aimed at skill-building.
This adds a Training Callout to the content.
This adds a Training Callout without title.
Support
Use the Support Callout to guide users to resources or assistance when they encounter issues or need help.
This adds a Support Callout to the content.
This adds a Support Callout without title.