Usage

Props

NameTypeRequiredDefaultDescription
children
ReactNode
false
className
string
false

Additional classNames

style
CSSProperties
false

Additional CSS styles

varianttrue

Sets the banner's variant. action is deprecated and was renamed to attention.

since

10.19.0

Banner.Icon

NameTypeRequiredDefaultDescription
children
ReactNode
false
className
string
false

Additional classNames

icon
ReactNode
true
since

10.19.0

style
CSSProperties
false

Additional CSS styles

Banner.ExpandableContent

NameTypeRequiredDefaultDescription

Presets

The following components automatically apply the proper banner and icon varaint. You will still need to apply the correct button variant. It is recommended to use a preset.

InfoBanner

ActionBanner

DO NOT USE

This has been deprecated and will be deleted in a future release. Please refrain from new implementations.

ActionBanner was renamed to AttentionBanner.

AttentionBanner

ErrorBanner

SuccessBanner

DO NOT USE

This has been deprecated and will be deleted in a future release. Please refrain from new implementations.

Instead, please consider using "success" variant of Toast component.