Close

Reusable dismiss control — icon button aligned with Modal close, host supplies aria-label.

Preview

Live

<button type="button" class="ui-close" aria-label="Dismiss dialog">
  <span class="ui-icon ui-icon--close ui-close__icon" aria-hidden="true"></span>
</button>

Accessibility

  • Host must supply a context-specific aria-label (e.g. “Close dialog”).
  • Icon is decorative — React Icon sets aria-hidden.
  • Does not wire dismiss itself — host handles onClick / overlay close.

API

Class Description
.ui-close Dismiss icon button.
.ui-close__icon Close / X icon size.