Callout

Use callouts to:

• Inform users that the money invested is at risk
• Display disclaimers when promoting a product or service
• Provide supporting context that applies to the surrounding content
• Share information that users should be aware of, but does not require immediate action

Do not use callouts when:

• The information requires immediate user attention — use an alert instead
• The content needs interactive elements like links or buttons — use an alert instead
• The information is critical to completing a task

Placement

Place callouts inline with other components, positioned above the content they relate to.

Maintain spacing around the callout to show the relationship between the message and surrounding content.