LogoTango UI0.9.7ComponentsTango StoreToolsUpdate Log
Under maintenanceMVP Verson: 0.9.7 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
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.
-