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, 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.

Note

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.

Info

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.

Success

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.

Warning

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.

Danger

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.

Training

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.

Support

This adds a Support Callout to the content.

This adds a Support Callout without title.