Checkbox

Single-choice control for binary selections and consent.

Installation

npx shadcn@latest add @iconiq/r-checkbox

Provider-switchable single checkbox with the same Iconiq API layered over Base UI and Radix UI primitives.

checkedboolean

Controlled checked state for the checkbox. Pass this when the parent owns the value.

defaultCheckedboolean

Default false

Initial checked state for uncontrolled usage. The component manages future toggles internally.

onCheckedChange(checked: boolean) => void

Called with the next boolean state whenever the checkbox toggles.

labelstring

Optional inline label rendered beside the checkbox with the same opacity fade used in the original component.

idstring

Optional id forwarded to the underlying primitive control.

classNamestring

Merged onto the outer inline-flex wrapper so you can position the checkbox row in your layout.

Current install target: Radix UI.

Dependencies declared by this registry entry: @radix-ui/react-checkbox, motion.

Installs a Radix checkbox with the same controlled and uncontrolled Iconiq API as the Base UI version.

Uses the exact same Motion timing and checkmark draw behavior as the original checkbox component.

The generated registry file is /r/r-checkbox.json.