ui-alert

Generation

ng g @ngx-kit/collection:ui-alert [name]

Demo

PreviewSources

Default alert

Message text

Color

Default message text
Primary message text

Title

Message title
Message description

Closable

Closable message text

API

[class] UiAlertDemoModule

@NgModule

[class] UiAlertTitleComponent

@Component

Selector:'ui-alert-title'

[class] UiAlertModule

@NgModule

Exports:[ UiAlertComponent, UiAlertTitleComponent, ]

[class] UiAlertComponent

@Component

Selector:'ui-alert'

Members

SignatureDescription
@Input() closable: boolean

Display closing link that hides alert.

@Output() close = new EventEmitter<null>()

Alert close.

@Input() color = 'default'
@Input() isOpen = true
@Output() isOpenChange = new EventEmitter<boolean>()

Open state changes (including close event).

closeAlert()