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


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


<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' />
Edit this page on GitHub

Proudly made inNigeria by Segun Adebayo

Deployed by Vercel