MVP Verson: 0.9.9 beta
Get Started
Styles
Theme
Components
UI
State management
Update Log
Banner
A component that allows applications to communicate important messages to users and requires user action to dismiss them.
Default
PreviewCode
Banner
Level
PreviewCode
Success Banner
Info Banner
Warning Banner
Error Banner
Transparent
PreviewCode
Transparent Success Banner
Transparent Info Banner
Transparent Warning Banner
Transparent Error Banner
Custom button text
PreviewCode
Custom button text Banner
Custom color
PreviewCode
Custom background color
Custom border color
Custom icon color
Props
Universal Props
Prop | Type | Accepted Values | Description | Default |
|---|---|---|---|---|
size | string | small | large | Change the size of the Banner component. | normal |
level | string | string | Change the level of the Banner component. | - |
transparent | boolean | boolean | Enable the transparent Banner. | false |
onCancel | () => void | - | Triggered when the close button is clicked. | - |
onAction | () => void | - | Triggered when the action button is clicked. | - |
cancelText | string | string | Change the text of the close button. | - |
actionText | string | string | Change the text of the action button. | - |
bannerBgColor | string | string | Change the background color of the Banner. | - |
bannerBorderColor | string | string | Change the border color of the Banner. | - |
bannerIconColor | string | string | Change the icon color of the Banner. | - |
On This Page
Line
Props