Color Schemes for CloseButton are not implemented in the default theme. You can extend the theme to implement them.
Close Button
CloseButton is essentially a button with a close icon. It is used to trigger close functionality in components.
Import#
import { CloseButton } from '@chakra-ui/react'
Usage#
Button Size#
Pass the size prop to adjust the size of the close button. Values can be sm,
md or lg.
Props#
The CloseButton composes Box component.
colorScheme
colorSchemeDescription
Type
stringisDisabled
isDisabledDescription
If true, the close button will be disabled.
Type
booleansize
sizeType
"lg" | "md" | "sm"Default
"md"variant
variantDescription
Variants for CloseButton are not implemented in the default theme. You can extend the theme to implement them.
Type
string