← All demos

RadioGroupController PoC

<my-radiogroup> + <my-radio> compose three controllers — SelectionController (mutual exclusion), FocusgroupNavigationController (roving tabindex + arrow selection), and a per-radio FieldAssociationController (form value) — into a coordinated, form-associated radio group. Arrow keys move focus and selection; click or Space selects; exactly one value submits per group.

The point to verify: no matter how you interact, each group contributes exactly one FormData entry under its shared name — the mutual-exclusion guarantee a shared name alone does not provide.

A third column, <my-radiogroup-live>, is an experiment: the same composition with SelectionController swapped for LiveSelectionController, to test whether it can do this job too. See the README's RadioGroupController section for the outcome and recommendation.