Skip to main content

Close button

A generic close button for dialogs, alerts and more.

Bootstrap’s close button docs describe the markup and CSS.

Example

The directive sets type="button" and a default aria-label of “Close”. Set your own label for other languages or more context.

HTML
<div class="d-flex gap-2">
  <button bsCloseButton></button>
  <button bsCloseButton disabled></button>
  <button bsCloseButton aria-label="Dismiss notification"></button>
</div>

API

BsCloseButton

Selector: button[bsCloseButton]

Inputs

NameTypeDefaultDescription
aria-labelstring'Close'Accessible label of the button.