Checkbox
NewformAccessible checkbox control with visible label, optional helper text, disabled state, and token-based focus styling.
import { Checkbox } from '@/components/forge'Preview
Checkbox
Code Example
Props
| Prop | Type | Default | Required | Description |
|---|---|---|---|---|
label | React.ReactNode | - | No | Visible label next to the checkbox |
description | React.ReactNode | - | No | Optional helper copy below the label |
checked | boolean | - | No | Controlled checked state |
defaultChecked | boolean | - | No | Initial checked state for uncontrolled usage |
disabled | boolean | false | No | Disables interaction |
Variants
defaultcheckeddisabled
Accessibility
- Uses a native checkbox input for keyboard and screen reader support
- Visible label is associated with the input via htmlFor
- Focus ring is applied directly to the input