CheckboxRow
An alternative checkbox component
name | type | default | description |
|---|---|---|---|
| colorStyle | "accent" | "blue" | "green" | "yellow" | "red" | "orange" | "indigo" | "pink" | "purple" | "grey" | "accentPrimary" | "accentSecondary" | "bluePrimary" | "blueSecondary" | "greenPrimary" | "greenSecondary" | "yellowPrimary" | "yellowSecondary" | "redPrimary" | "redSecondary" | "orangePrimary" | "orangeSecondary" | "indigoPrimary" | "indigoSecondary" | "pinkPrimary" | "pinkSecondary" | "purplePrimary" | "purpleSecondary" | "greyPrimary" | "greySecondary" | blue | - |
| label * Required | string | - | - |
| ref | null | string | (instance: HTMLInputElement | null) => void | RefObject<HTMLInputElement> | - | Allows getting a ref to the component instance.
Once the component unmounts, React will set `ref.current` to `null`
(or call the ref with `null` if you passed a callback ref).
@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} |
| subLabel | string | - | - |
Primary Colors
Secondary Colors