Banner alert

Banners which inform users about important things

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

Contents

An optional alert heading

Banner alert does not have a box shadow around it by default.

An optional alert heading

This adds a primary level box shadow around the alert component. This is mostly used if the alert component is outside on its own.

An optional alert heading

This adds a secondary level box shadow around the alert component. This is mostly used if the alert component is outside on its own.

An optional alert heading

This adds a tertiary level box shadow around the alert component. This is mostly used if the alert component is outside on its own.

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>()