Banner alert

Banners which inform users about important things

Alert banners are one of the most prominent ways to communicate to users.

An optional alert heading
This is error type of alert. Although the maximum number of lines is 2, the text cannot be truncated, but with a good copywriter everything can fit in 2 lines.
An optional alert heading
This is info type of alert. Although the maximum number of lines is 2, the text cannot be truncated, but with a good copywriter everything can fit in 2 lines.
An optional alert heading
This is success type of alert. Although the maximum number of lines is 2, the text cannot be truncated, but with a good copywriter everything can fit in 2 lines.
An optional alert heading
This is warning type of alert. Although the maximum number of lines is 2, the text cannot be truncated, but with a good copywriter everything can fit in 2 lines.
An optional alert heading
This is critical type of alert. Although the maximum number of lines is 2, the text cannot be truncated, but with a good copywriter everything can fit in 2 lines.
An optional alert heading
This is error type of alert. Although the maximum number of lines is 2, the text cannot be truncated, but with a good copywriter everything can fit in 2 lines.
An optional alert heading
This is info type of alert. Although the maximum number of lines is 2, the text cannot be truncated, but with a good copywriter everything can fit in 2 lines.
An optional alert heading
This is success type of alert. Although the maximum number of lines is 2, the text cannot be truncated, but with a good copywriter everything can fit in 2 lines.
An optional alert heading
This is warning type of alert. Although the maximum number of lines is 2, the text cannot be truncated, but with a good copywriter everything can fit in 2 lines.
An optional alert heading
This is critical type of alert. Although the maximum number of lines is 2, the text cannot be truncated, but with a good copywriter everything can fit in 2 lines.
Inputs
bannerAlertButton ?: BannerAlertButton
bannerTitle ?: string
bordered ?: boolean = true
closeable ?: boolean = true
compact ?: boolean = false
fontColor ?: FontColor
level ?: BannerAlertLevel = BannerAlertLevel.NONE
marginBottom ?: Margin = 'xxxsmall'
type ?: BannerAlertType = BannerAlertType.INFO
Outputs
buttonClicked ?: any = new EventEmitter<void>()
close ?: any = new EventEmitter<void>()