A labelled, form-associated radio for single-select choices. For the bare circle
without a label, use the sc-radio-item primitive.
Resting, checked,
negative, and
disabled.
Radios with a shared name are mutually exclusive —
selecting one clears the others.
sc-radio-item)The standalone circle and dot only — no label or form association. Use it in custom layouts where you own the surrounding markup.
mutually-exclusive options that need a label and form
binding. Share a name across radios to group them.
For multi-select, use Checkbox.
name.sc-radio-item without your own label and grouping.role="radio" with aria-checked; wrap a set in a role="radiogroup" with a label.sc-radio is form-associated — required sets valueMissing until one in the group is chosen.sc-radio-item alone has none, so pair it with your own label.negative isn’t conveyed by colour alone — add Help Text describing the error.