Alerts
Examples and usage guidelines for the Alerts component.
Alerts
Contextual feedback messages for user actions.
A simple primary alert—check it out!
A simple success alert—check it out!
A simple warning alert—with potentially dangerous action.
A simple danger alert—something went wrong!
Show Code
<div class="alert alert-primary alert-dismissible fade show" role="alert">
A simple primary alert—check it out!
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
<div class="alert alert-success alert-dismissible fade show" role="alert">
A simple success alert—check it out!
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>