Checkbox
A component used to trigger an action or event, such as submitting a form, opening a Dialog, canceling an action, or performing a delete operation.
Anatomy
Mount all pieces together and create your Button
import { Checkbox } from '@micode-ui/react';
<Checkbox />;
Example
<Surface
as='label'
css={{
display: 'flex',
gap: '$2'
}}
>
<Checkbox />
<Text size='sm'>I accept the terms.</Text>
</Surface>
API Reference
Root
Contains all parts of the Checkbox.
Prop | Type | Default |
---|---|---|
defaultChecked | boolean | |
checked | boolean | false |
onCheckedChange | function | |
disabled | boolean | false |
required | boolean | false |