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.

NameTypeDescriptionDefault
colorSchemestring-
cssInterpolation<{}>The emotion's css style object-
isDisabledbooleanIf `true`, the close button will be disabled.-
orientation"horizontal" | "vertical"-
sizestring-
styleConfigRecord<string, any>-
variantstring-
Edit this page