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

The visual color appearance of the component

Type
"whiteAlpha" | "blackAlpha" | "gray" | "red" | "orange" | "yellow" | "green" | "teal" | "blue" | "cyan" | "purple" | "pink"

isDisabled

Description

If true, the close button will be disabled.

Type
boolean
Default
false

size

Description

The size of the CloseButton

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

variant

Description

The variant of the CloseButton

Type
string
Edit this page on GitHub

Proudly made inNigeria by Segun Adebayo

Deployed by â–² Vercel