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.
Pass the size
prop to adjust the size of the close button. Values can be sm
,
md
or lg
.
The CloseButton composes Box
component.
Name | Type | Description | Default |
---|---|---|---|
colorScheme | string | - | |
css | Interpolation<{}> | The emotion's css style object | - |
isDisabled | boolean | If `true`, the close button will be disabled. | - |
orientation | "horizontal" | "vertical" | - | |
size | string | - | |
styleConfig | Record<string, any> | - | |
variant | string | - |