Banner
Callout to prompt the user for an action.
View source code- actionText
string
Content of the button
- children
ReactNode
Content of the Banner
- onClick
MouseEventHandler<HTMLElement>
Handler that is called when the button is clicked
- title
ReactNode
Title of the Banner
- buttonVariant
"primaryAlert" | "primaryBrand" | "primaryInfo" | "primarySuccess" | "primaryWarning" | "secondaryAlert" | "secondaryBrand" | "secondaryInfo" | "secondaryNeutral" | "secondarySuccess" | "secondaryWarning" | "tertiaryAlert" | "tertiaryBrand" | "tertiaryComplementary" | "tertiaryInfo" | "tertiaryNeutral" | ... 2 more ...
The visual style of the button
Default: secondaryNeutral - className
string
className for the element
- illustration
ReactNode
Illustration on the left side of the Banner. Illustration will be centered vertically with margin on both left and right
- variant
"brand" | "neutral"
The visual style of the banner
Default: brand