Skip to Content
Sponsor

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 Box component.

NameTypeDefaultDescription
aria-labelstringAn accessible label for the close button
isDisabledbooleanIf true, the button will be disabled
colorstringThe color of the close icon
sizesm, md, lgmdThe size of the close button
Edit this page