Status

Component checklist

Key Points

• Callouts display supporting information that users should be aware of
• They are not alerts and are not announced as urgent by screen readers
• Content is static and does not include links or interactive elements
• Web has one default variant, React Native has default, warning, and information variants
• Callouts use icons and coloured surfaces to provide visual context

Use a callout to display supporting or supplementary information within a page. Callouts are appropriate for content that adds context but is not critical or time-sensitive.

File Links