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#

import { CloseButton } from '@nature-ui/core';

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