Angular ng Bootstrap Alert Component Last Updated : 06 Jul, 2021 Summarize Comments Improve Suggest changes Share Like Article Like Report Angular ng bootstrap is a bootstrap framework used with angular to create components with great styling and this framework is very easy to use and is used to make responsive websites. In this article, we will see how to use Alert in angular ng bootstrap. Alert is used to provide contextual feedback messages for typical user actions with the handful of available. Installation syntax: ng add @ng-bootstrap/ng-bootstrap Approach: First, install the angular ng bootstrap using the above-mentioned command.Import ng bootstrap module in module.ts import { NgbModule } from '@ng-bootstrap/ng-bootstrap'; imports: [ NgbModule ] In app.component.html make an alert component.Serve the app using ng serve. Example 1: app.component.html <p> <ngb-alert [dismissible]="false" type='success'> <strong>GeeksforGeeks</strong> </ngb-alert> </p> app.module.ts import { NgModule } from '@angular/core'; // Importing forms module import { FormsModule, ReactiveFormsModule } from '@angular/forms'; import { BrowserModule } from '@angular/platform-browser'; import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; import { AppComponent } from './app.component'; import { NgbModule } from '@ng-bootstrap/ng-bootstrap'; @NgModule({ bootstrap: [ AppComponent ], declarations: [ AppComponent ], imports: [ FormsModule, BrowserModule, BrowserAnimationsModule, ReactiveFormsModule, NgbModule ] }) export class AppModule { } Output: Example 2: app.component.html <p> <ngb-alert [dismissible]="true" type='success'> <strong>GeeksforGeeks</strong> </ngb-alert> </p> app.module.ts import { NgModule } from '@angular/core'; // Importing forms module import { FormsModule, ReactiveFormsModule } from '@angular/forms'; import { BrowserModule } from '@angular/platform-browser'; import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; import { AppComponent } from './app.component'; import { NgbModule } from '@ng-bootstrap/ng-bootstrap'; @NgModule({ bootstrap: [ AppComponent ], declarations: [ AppComponent ], imports: [ FormsModule, BrowserModule, BrowserAnimationsModule, ReactiveFormsModule, NgbModule ] }) export class AppModule { } Output: Reference: https://ng-bootstrap.github.io/#/components/alert/examples Comment More infoAdvertise with us Next Article Angular ng Bootstrap Accordion Component T taran910 Follow Improve Article Tags : Web Technologies AngularJS Angular-ng-bootstrap Similar Reads Angular ngx Bootstrap Alerts Component Angular ngx bootstrap is a bootstrap framework used with angular to create components with great styling and this framework is very easy to use and is used to make responsive websites. In this article, we will know how to use alert in angular ngx bootstrap. The Alerts is used to provide contextual f 2 min read Angular ng Bootstrap Accordion Component Angular ng bootstrap is a bootstrap framework used with angular to create components with great styling and this framework is very easy to use and is used to make responsive websites. In this article we will know how to use Accordion in angular ng bootstrap. Accordion is used to display collapsible 2 min read Angular ngx Bootstrap Accordion Component Angular ngx bootstrap is a bootstrap framework used with angular to create components with great styling and this framework is very easy to use and is used to make responsive websites.In this article, we will know how to use accordion in angular ngx bootstrap. The Accordion is used to display collap 2 min read Angular ng Bootstrap Toast Component Angular ng bootstrap is a bootstrap framework used with angular to create components with great styling and this framework is very easy to use and is used to make responsive websites. In this article, we will see how to use Toast in angular ng bootstrap. The Toast component is used to make a compone 2 min read Angular ngx Bootstrap Tabs Component Angular ngx bootstrap is a bootstrap framework used with angular to create components with great styling and this framework is very easy to use and is used to make responsive websites. In this article, we will know how to use Tabs in angular ngx bootstrap. Installation syntax: npm install ngx-bootst 2 min read Angular ng Bootstrap Rating Component Angular ng bootstrap is a bootstrap framework used with angular to create components with great styling and this framework is very easy to use and is used to make responsive websites. In this article, we will see how to use Rating in angular ng bootstrap. Rating component is used to make a component 2 min read Like