Waiting for action
Copy this complete component into a page file. Edit and run it in the Playground.
Loading editor…
Boolean checkbox with round or square shape variants.
| Prop | Type | Default | Description |
|---|---|---|---|
checked | boolean | — | Controlled checked state. |
onChange | (event) => void | — | Change handler. |
shape | "round" | "square" | "square" | Checkbox shape. |
size | "sm" | "md" | "lg" | "md" | Checkbox and tick scale. |
mode | "stacked" | "flagged" | "stacked" | Layout mode for label and control. |
labelPosition | "left" | "right" | "left" | Label placement in flagged mode. |
error | string | — | Validation message; sets aria-invalid when present. |
help | string | — | Supplementary help text linked via aria-describedby. |
required | boolean | false | Marks the field as required for assistive tech. |
FieldShell for label, help, error, and required wiring.htmlFor / id.