Banner

const Banner: (props) => ReactElement

Defined in: react/components/feedback/banner.tsx:42

A persistent inline callout — accent rule, icon, optional bold title and a word-wrapped message — for a state the user should notice without it stealing focus or auto-dismissing like a toast. Five semantic variants drive the icon and a theme-resolved accent; it stretches to its container width and sizes its own height from the wrapped message.

<Banner variant="warning" title="Unsaved changes" message="Your edits will be lost." />
<Banner variant="success" message="Deployed." dismissible onDismiss={hide} />

Parameters

props

BannerProps

Returns

ReactElement