NG Kit Logo

NG Kit

Introduction Installation
Alert
Introduction Base Button Bootstrap Link Button Close Button Delete Button Edit Bootstrap Button Edit Button Edit SVG Icon Button Excel Export Button Manage Button PDF Export Button Primary Button Save Primary Button Search Button Success Button View Button View Primary Button
Autocomplete Confirm Dialog Ngx Spinner Snack Bar Spinner
Ngx Print Prevent Multiple Clicks
Progress Util
Components Buttons Close Button

Close Button

A button for closing dialogs, modals, or dismissible elements. The Close Button provides a standard close (×) icon and accessible semantics for dismissing content. Inherits from Base Button.

API Reference

The Close Button extends the Base Button and includes additional properties for close behavior. See Base Button for inherited properties.

  • ariaLabel: string — Accessibility label for screen readers.
  • (click): EventEmitter<MouseEvent> — Emits when the button is clicked.

Usage

Using Directive

The Close Button is only available as a directive.

<button ariaLabel="Close dialog" closeButton>×</button>
Previous
Bootstrap Link Button
Next
Delete Button