Close Button

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

    Theme source

Import#

import { CloseButton } from '@chakra-ui/react'

Usage#

<CloseButton />

Button Size#

Pass the size prop to adjust the size of the close button. Values can be sm, md or lg.

<Stack direction="row" spacing={6}>
  <CloseButton size="sm" />
  <CloseButton size="md" />
  <CloseButton size="lg" />
</Stack>
Edit this page on GitHub