Skip to main content

Checkbox

The Checkbox component allows users to toggle a single option on or off.

Usage

<Checkbox label="I agree to terms" name="terms" />

Props

label
string
Text displayed next to the checkbox.
checked
boolean
Checked state (controlled).
defaultChecked
boolean
Initial checked state (uncontrolled).
name
string
Field name.
disabled
boolean
Whether checkbox is disabled.

Examples

Task Item

<Row>
  <Checkbox checked={task.completed} />
  <Text value={task.title} />
</Row>