@packpackman/close-button
v2.1.1
Published
A React and Chakra UI close button component.
Downloads
5
Maintainers
Readme
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" />
</>