Callout
Highlighted block for tips, notes, or important information.
Without label
Events are processed in the order they arrive. Duplicate events within a 5-minute window are deduplicated automatically.
import { Callout } from '@canarist/ui'
<Callout>
Events are processed in the order they arrive.
</Callout>With label
Note
Free tier is limited to 3 active monitors. Upgrade to Pro for unlimited monitoring.
<Callout label="Note">
Free tier is limited to 3 active monitors.
</Callout>Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| label | string | — | Optional uppercase label displayed above the content. |
| children | ReactNode | — | Callout content. |
| className | string | — | Additional CSS classes. |