StatusBanner

StatusBanner is a component that displays a message with a colored background. It can be used to display a status message, or to highlight important information.

Props

text string
variant Variant
optional
closable boolean
optional
closed boolean
optional
grow boolean
optional
align Align
optional

Example

Example StatusBanner
Non-closable StatusBanner
Growing StatusBanner
Growing non-closable StatusBanner
Left-aligned StatusBanner
Center-aligned StatusBanner
Right-aligned StatusBanner
Primary StatusBanner
Positive StatusBanner
Negative StatusBanner