Docs
Components
Checkbox

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

defaultCheckedbooleanNo default value
checkedbooleanfalse
onCheckedChangefunctionNo default value
disabledbooleanfalse
requiredbooleanfalse