Alert overview

NbAlertComponent

Alert component.

Basic alert example:

Alert configuration:

<nb-alert status="success">
  You have been successfully authenticated!
</nb-alert>

Installation

Import NbAlertModule to your feature module.

@NgModule({
  imports: [
    // ...
    NbAlertModule,
  ],
})
export class PageModule { }

Usage

Alert could additionally have a close button when closable property is set:

<nb-alert status="success" closable (close)="onClose()">
  You have been successfully authenticated!
</nb-alert>

Colored alerts could be simply configured by providing a status property:

It is also possible to assign an accent property for a slight alert highlight as well as combine it with status:

And outline property: