ContextQMD
Back to Chakra Ui

Close Button

apps/www/content/docs/components/close-button.mdx

0.3.0-beta607 B
Original Source
<ExampleTabs name="close-button-basic" />

Usage

jsx
import { CloseButton } from "@chakra-ui/react"
jsx
<CloseButton />

Examples

Sizes

Use the size prop to change the size of the close button.

<ExampleTabs name="close-button-with-sizes" />

Variants

Use the variant prop to change the appearance of the close button.

<ExampleTabs name="close-button-with-variants" />

Custom Icon

Pass the custom icon to the children of the CloseButton component.

<ExampleTabs name="close-button-with-custom-icon" />

Props

<PropTable component="Button" part="Button" />