Components
Radio group
A group of native radios: one tab stop, arrows move and select.
Client componentUses state or handlers, so it starts with "use client".
import { RadioGroup, RadioGroupItem, radioVariants } from "@glob-ui/radio-group"Preview
Examples
Horizontal
orientation sets the arrow keys to use: Left and Right, or Up and Down.
API
Props are generated from the TypeScript types in the package source.
RadioGroupProps
Prop
Type
RadioGroupItemProps
Prop
Type
Accessibility
| Key or action | Behaviour |
|---|---|
| Tab | Enters the group on the checked radio. Only one radio is in the tab order. |
| Arrow keys | Move to the next or previous radio, select it, and wrap around. Disabled radios are skipped. |
| Space | Selects the focused radio. |
ARIA. The group has role="radiogroup" and needs a name: a Field label, or aria-label.