Checkbox
An inset well that fills with a primary gradient and a clay tick when checked — plus an indeterminate dash for tree states. The native input stays in the DOM, so keyboard, forms and screen readers all work.
import { Checkbox, CheckboxGroup } from "marclayui";States
Indeterminate
Group with select-all
| Prop | Type | Default | Description |
|---|---|---|---|
label | React.ReactNode | — | Clickable label rendered next to the box. |
indeterminate | boolean | false | Dash state — set on the native input via ref. |
…rest | InputHTMLAttributes | — | All native checkbox attributes (checked, onChange, disabled…). |
CheckboxGroup · options | CheckboxGroupOption[] | — | { value, label, disabled? } list. |
CheckboxGroup · value / defaultValue | string[] | — | Controlled or uncontrolled selected values. |
CheckboxGroup · selectAll | boolean | false | Parent checkbox that toggles every enabled option, with indeterminate when partial. |