RadioGroup

One choice from two to six options that should all be visible. For more, use Select.

Radio
RadioGroup

UsageLink to the section Usage

tsx

import { Radio, RadioGroup } from '@skribly/ui/forms'

tsx

<RadioGroup label="Visibility" defaultValue="team">
  <Radio value="private">Only me</Radio>
  <Radio value="team">My team</Radio>
</RadioGroup>

Every label is a prop, so the app passes its own words in its own language. See no built-in text.

AccessibilityLink to the section Accessibility

Tab enters the group at the chosen option; the arrow keys move and choose.
The chosen option shows a dot, a shape that survives forced colours.
A horizontal group wraps on a narrow screen.

This demo runs through axe in all three themes on every test run. See what the tests check.