Skip to main content

Checkbox

<Checkbox
label='Demo'
checked={data}
onChange={(value) => setData(value)}
/>

Highlighted props

For the complete list of props, use your IDE's autocomplete functionality.

Align checkbox to the end

<Checkbox
icon={icons.emptyRect}
label='Demo'
checked={data}
onChange={setData}
alignEnd
/>

Indeterminate state

<Checkbox
label='Demo'
checked={data}
onChange={(value) => setData(value)}
indeterminate={data === null}
/>