MVP Verson: 0.8.3 beta
Lang Icon
Toggle Icon
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
PropTypeAccepted ValuesDescriptionDefault
sizestringsmall | largeChange the size of the Banner component.normal
levelstringstringChange the level of the Banner component.-
transparentbooleanbooleanEnable the transparent Banner.false
onCancel() => void-Triggered when the close button is clicked.-
onAction() => void-Triggered when the action button is clicked.-
cancelTextstringstringChange the text of the close button.-
actionTextstringstringChange the text of the action button.-
bannerBgColorstringstringChange the background color of the Banner.-
bannerBorderColorstringstringChange the border color of the Banner.-
bannerIconColorstringstringChange the icon color of the Banner.-