Forms

RadioRow .

Fieldset com radios nativos em linha horizontal que quebra — o economizador denso.

RadioRow — sub-component

Fieldset + legend wrapping native radio inputs in a horizontal-wrapping row. Gap: 8px vertical / 18px horizontal. Each option min-height: 44px (touch target). No custom input rendering — native elements, fully keyboard operable.

Preferred contact · 3 options

Preferred contact

Availability · 5 options (wrap test)

Availability

A11y checklist

  • Radio group: fieldset + legend — screen readers announce the question
  • Native inputs — keyboard operable without JS
  • Radios: display:flex; flex-wrap:wrap; gap:8px 18px — horizontal, not stacked
  • Radio options: min-height:44px; vertically centered
  • Color is not the only signal — checked state uses native :checked