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>

Related resources