Callout
stableAttention block with accent bar for info, warning, or error context
import { Callout } from "@nodus/design-system"Loading demo…
Props
| Prop | Type | Default | Description |
|---|---|---|---|
variant | "agency" | "temporal" | "validation" | "neutral" | "neutral" | Alert type/severity |
icon | ReactNode | — | Icon to display on the left |
label | string | — | Custom label text (defaults to variant name) |
dismissible | boolean | false | Shows close button when true |
variantType
"agency" | "temporal" | "validation" | "neutral"Default "neutral"Alert type/severity
iconType
ReactNodeDefault —Icon to display on the left
labelType
stringDefault —Custom label text (defaults to variant name)
dismissibleType
booleanDefault falseShows close button when true
MobileWorks As-Is
Callout fills its container and reflows text naturally. No mobile treatment required.
Design Rationale
This component was designed to express:
Explore Related
Was this helpful?