Close Button

Enhance user interactions with Bramble UI's close button component. Create intuitive and accessible web interfaces for seamless user experiences.

Usage

import {CloseButton} from '@/ui'

<CloseButton onClick={handleClick} />

Colours

<CloseButton /> // default

<CloseButton className='secondary'/>

<CloseButton className='info'/>

<CloseButton className='success'/>

<CloseButton className='danger'/>

<CloseButton className='warning'/>

<CloseButton className='dark'/>

<CloseButton className='light'/>

<CloseButton className='link'/>

Circle

<CloseButton className='circle ...' />

Outline

<CloseButton className='outline ...' />

Sizes

<CloseButton className='xs ...' />

<CloseButton className='sm ...' />

<CloseButton />  // default

<CloseButton className='lg ...' />

<CloseButton className='xl ...' />