Have ideas to improve npm?Join in the discussion! »

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

    1.0.0-rc.9 • 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" />
    </>

    Install

    npm i @hackr/chakra-ui-close-button

    DownloadsWeekly Downloads

    0

    Version

    1.0.0-rc.9

    License

    MIT

    Unpacked Size

    9.22 kB

    Total Files

    4

    Last publish

    Collaborators

    • avatar