CalloutCard
The CalloutCard component is a branded callout used to surface tips, announcements, or contextual promotions. It draws attention to important messages that complement the main content.
Tip
Use tokens for consistent spacing.
tsx
Default
Draws attention with an icon, branded title, and description.
Tip
Use design tokens for consistent spacing across your project.
With Action
Add a CTA below the description via the action slot.
New Feature
AI-powered task creation is now available.
Deprecation Notice
The v1 API will be removed on March 15.
Dismissible
Pass an onDismiss callback to show a close button. Visibility is managed externally.
Heads up
This callout can be dismissed.