Close button
Angular Bootstrap 5 Close button
A generic close button for dismissing content like modals, toasts and alerts.
Basic example
Provide an option to dismiss or close a component with .btn-close
.
<button type="button" class="btn-close" aria-label="Close"></button>
Disabled
Add disabled
attribute to prevent triggering hover and active states.
<button type="button" class="btn-close" disabled aria-label="Close"></button>
White variant
Add data-mdb-theme="dark"
to the .btn-close
, or to its parent element, to invert the close button.
<div data-mdb-theme="dark">
<button type="button" class="btn-close" aria-label="Close"></button>
</div>