Close Button

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.

Installation

1yarn add @hakuna-matata-ui/close-button
2
3# or
4
5npm i @hakuna-matata-ui/close-button

Import component

1import { CloseButton } from "@hakuna-matata-ui/close-button"

Usage

1<CloseButton />

Disabled

Pass the isDisabled prop to put the close button component in a disabled state.

1<CloseButton isDisabled />

Sizes

Pass the size prop to adjust the size of the close button. Values can be sm, md or lg.

1<>
2  <CloseButton size="sm" />
3  <CloseButton size="md" />
4  <CloseButton size="lg" />
5</>