ChoiceBase

Who uses itLink to "Who uses it"

Checkbox, Switch, RadioGroup and SegmentedControl.

When to use it directlyLink to "When to use it directly"

Only when building a new choice-style composite (a custom checkbox, radio or toggle look) that must behave like a real form control.

Use a component instead when you need a labelled control: Checkbox or Switch for on/off, RadioGroup for one of several, SegmentedControl for a compact choice.

UsageLink to "Usage"

import { ChoiceBase } from "@arshad-shah/cynosure";

<ChoiceBase type="checkbox" name="terms" value="yes" indeterminate={partial} />
<ChoiceBase type="radio" name="size" value="md" />

PropsLink to "Props"

It accepts every native input attribute except type, which is required and must be "checkbox" or "radio".

GuaranteesLink to "Guarantees"

• It stays focusable, clickable and form-associated (FormData, reset, required) without extra code.
• indeterminate sets the mixed state on the underlying input. It applies to checkboxes only.
• The ref reaches the native <input>.
• It adds the cy-choice-base class (its stylesheet is styles/choice-base.css), which hides it visually; any className you pass is kept alongside.

RelatedLink to "Related"

Checkbox · Switch · RadioGroup · SegmentedControl