Preview
Usage
Checkbox usage<Checkbox label="Notify the room" name="notify" />API
Checkbox APICheckboxProps is an alias of ToggleProps; the syntactic extractor reports the shared contract.
ToggleProps
Shared surface for the boolean form controls. Both host a native `<input type="checkbox">` inside a wrapping `<label>` — the browser owns keyboard behavior and form participation (works JS-off in plain forms), the kit owns the inline-label/hint wiring apps get wrong. No `error` prop by design: single toggles rarely fail validation alone, and a group of them validates at the fieldset level — wrap the group in a Field with a children function when you need the error grammar.
| prop | type | notes |
|---|---|---|
| label | RemixNode | Visible label text, to the control's right. |
| name | string | Form field name. |
| value? | string | Submitted value when checked (browser default `"on"`). |
| defaultChecked? | boolean | Initial checked state (uncontrolled). |
| required? | boolean | Marks the control required (native `required`). |
| disabled? | boolean | Disables the control. |
| hint? | string | Assistive hint under the label; joins `aria-describedby`. |
| mix? | MixInput | Composition passthrough for the wrapping `<label>`. |