CloseButton
CloseButton is essentially a button with a close icon. It is used to handle the close functionality in feedback and overlay components like Alerts, Toasts, Drawers and Modals.
Import#
Usage#
Editable Example
Button Size#
Pass the size prop to adjust the size of the close button. Values can be sm,
md or lg.
Editable Example
Props#
The CloseButton composes PseudoBox component.
| Name | Type | Default | Description |
|---|---|---|---|
aria-label | string | An accessible label for the close button | |
isDisabled | boolean | If true, the button will be disabled | |
color | string | The color of the close icon | |
size | sm, md, lg | md | The size of the close button |