@hakuna-matata-ui/close-button
TypeScript icon, indicating that this package has built-in type declarations

1.2.3 • Public • Published

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

yarn add @hakuna-matata-ui/close-button

# or

npm i @hakuna-matata-ui/close-button

Import component

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

Usage

<CloseButton />

Disabled

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

<CloseButton isDisabled />

Sizes

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

<>
  <CloseButton size="sm" />
  <CloseButton size="md" />
  <CloseButton size="lg" />
</>

Package Sidebar

Install

npm i @hakuna-matata-ui/close-button

Weekly Downloads

1

Version

1.2.3

License

MIT

Unpacked Size

14.4 kB

Total Files

13

Last publish

Collaborators

  • cryptocom