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>
- angular - How to toggle element visibility
- angular bootstrap - How to show an alert
- angular bootstrap - Dismissible alert
- angular bootstrap - Alert closed event
- angular bootstrap - Rating hover event
- angular bootstrap - Readonly & editable Rating
- angular bootstrap - How to show Toast message
- angular bootstrap - Datepicker default selected date
- angular bootstrap - Datepicker default visible year month
- angular bootstrap - How to show Datepicker in a popup
- angular bootstrap - Select Nav tab on button click
- angular bootstrap - Prevent selecting a tab in Nav
- angular bootstrap - How to enable disable tab in Nav
- angular material - How to use FAB
- angular material - How to use mini FAB