Skip to main content

angular bootstrap - Danger warning success alert

app.component.html

<h4 style="padding-top:25px; padding-bottom:25px;">
  Angular Bootstrap - Danger Warning Success Alert
</h4>

<p>
  <ngb-alert type="danger" [dismissible]="true">
    <strong>Danger!</strong>
    This is a danger type alert by angular bootstrap.
  </ngb-alert>
</p>

<p>
  <ngb-alert type="warning" [dismissible]="true">
    <strong>Warning!</strong>
    This is a warning type alert by angular bootstrap.
  </ngb-alert>
</p>

<p>
  <ngb-alert type="success" [dismissible]="true">
    <strong>Done!</strong>
    This is a success type alert by angular bootstrap.
  </ngb-alert>
</p>
More Angular tutorials