Callout Block
Highlight important information with styled callout boxes. Four variants available: info, tip, warning, and danger. Each provides visual distinction to draw reader attention.
Callouts draw attention to important information that readers should not miss. Each variant uses distinct colours and icons to convey the nature of the content, from helpful tips to critical warnings.
When to Use
Block Properties
Variant Types
Info Variant
Use for supplementary information, context, or explanations that enhance understanding.
Tip Variant
Use for helpful suggestions, best practices, or shortcuts that improve the reader's experience.
Warning Variant
Use for cautions about potential issues or things that could cause problems if not handled correctly.
Danger Variant
Use for critical warnings about actions that could cause data loss, security issues, or other serious problems.
Callout Without Title
Titles are optional. For brief messages, a callout without a title keeps the content concise.