Forms
Radio
One option in a radio group. Options share a name to form the group.
ReactVueWeb Components
View in Storybook Playground
Examples
<fieldset>
<legend>Plan</legend>
<Radio name="plan" value="free" label="Free" />
<Radio name="plan" value="pro" label="Pro" />
</fieldset>Props
| Name | Type | Default | Description |
|---|---|---|---|
label | ReactNode | — | Inline label shown next to the radio. |
Accessibility
- Body/background contrast is ≥ 7:1 (AAA) in both light and dark.
- Every interaction works with the keyboard alone.
- The focus ring is always visible.
- Respects prefers-reduced-motion and stops excessive motion.
Every component is designed to meet WCAG 2.1 AAA.