1. Primitives
  2. Checkbox

<Checkbox />

Checkboxes allow the user to select one or more items from a set.

Examples  

Basic example of controlling state  

<Card padding={4} style={{textAlign: 'center'}}>
<Inline space={[3, 3, 4, 5]}>
<Checkbox checked />
<Checkbox checked={false} />
<Checkbox indeterminate />
</Inline>
</Card>

With label  

<Card padding={4}>
<Flex align="center">
<Checkbox id="checkbox" style={{display: 'block'}} />
<Box flex={1} paddingLeft={3}>
<Text>
<label htmlFor="checkbox">Label text</label>
</Text>
</Box>
</Flex>
</Card>

Properties  

The Checkbox component’s properties extend all properties of an <input type="checkbox" /> element, except type.
indeterminate?: boolean
Made withby folks at