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

2.1.1 • 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 @chakra-ui/close-button

# or

npm i @chakra-ui/close-button

Import component

import { CloseButton } from "@chakra-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 @chakra-ui/close-button

Weekly Downloads

559,179

Version

2.1.1

License

MIT

Unpacked Size

21.1 kB

Total Files

17

Last publish

Collaborators

  • segunadebayo
  • _codebender828