Callout
A semantic side note: info, success, warning, danger. The accent edge carries meaning, never decoration.
Example
Deprecation notice
The legacy export ends in December. Migrate to the workspace layout.
<Callout title="Deprecation notice" variant="warning">
The legacy export ends in December.
</Callout>Props
| Prop | Type | Default | Description |
|---|---|---|---|
variant | info | success | warning | danger | info | Also colors the edge. |
style | tint | filled | tint | Filled uses white text on the semantic color (AA). |
title | string | - | Becomes the region label. |
Accessibility
- Renders a labeled
section(region landmark). - The edge color always pairs with the title text: never color alone.