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.



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


The CloseButton composes PseudoBox component.

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

Proudly made in 🇳🇬

Released under the MIT License.

Copyright © 2020 Segun Adebayo