Close Button

CloseButton is essentially a button with a close icon. It is used to trigger close functionality in components.

    SourceTheme source@chakra-ui/close-button

Props#

The CloseButton composes Box component.

colorScheme

Description

Color Schemes for CloseButton are not implemented in the default theme. You can extend the theme to implement them.

Type
(string & {})

isDisabled

Description

If true, the close button will be disabled.

Type
boolean

size

Type
"lg" | "md" | "sm"
Default
"md"

variant

Description

Variants for CloseButton are not implemented in the default theme. You can extend the theme to implement them.

Type
string
Edit this page on GitHub

Proudly made inNigeria by Segun Adebayo

Deployed by Vercel