<Checkbox />
Checkboxes allow the user to select one or more items from a set.
<Card padding={4} style={{textAlign: 'center'}}>
<Inline space={[3, 3, 4, 5]}>
<Checkbox checked />
<Checkbox checked={false} />
<Checkbox indeterminate />
</Inline>
</Card>
<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>
The
Checkbox
component’s properties extend all properties of an <input type="checkbox" />
element, except type
.indeterminate?: boolean