UI Kits
Forms

Radio Group

Grouped single-choice options.

Usage guidance

When to use it.

Use visible labels, helpful validation, and enough spacing for touch and keyboard users.

Accessibility

Implementation notes.

  • Associate every input with a visible label.
  • Expose validation errors in text.
  • Maintain logical keyboard order and sufficient touch target size.
Release QA

Implementation checklist.

0/4
Handoff notes

Implementation notes for this component.

Quick section export
<fieldset class="ap-radios"><legend>Plan</legend><label><input type="radio" name="plan" checked> Starter</label><label><input type="radio" name="plan"> Growth</label><label><input type="radio" name="plan"> Pro</label></fieldset>
Related components

More in Forms