Native checkbox input styled to match the design system, with controlled and uncontrolled support.

npx slipstream-ui@latest add checkbox
Usage

Props

PropTypeDefaultDescription
checkedboolean—Controlled checked state; omit for uncontrolled usage.
onCheckedChange(checked: boolean) => void—Fired when the user toggles the checkbox.
disabledbooleanfalseDisables the checkbox.

Accessibility

  • Native input semantics: keyboard, form, and screen-reader behavior is identical to platform checkboxes.
  • Provide an accessible name via aria-label or an associated Label.