Radio Group

Single-choice radio set, wrapping Radix RadioGroup.

RadioGroup wraps @radix-ui/react-radio-group: arrow-key selection, bg-primary checked dot on --dur-fast transitions, plain-<label> compatible.

Installation

import { RadioGroup, RadioGroupItem } from "@iammikz/srui";

Usage

Default Comfortable Compact

Props

Export	Notes
`RadioGroup`	Root: `value`/`onValueChange`, `orientation`, `disabled`, `invalid` (destructive rings on the items + `aria-invalid`)
`RadioGroupItem`	One option: `value`, `disabled`

Examples

Horizontal

S M L

Invalid

invalid on the root paints destructive rings on the items and sets aria-invalid on the group.

Starter Pro

Accessibility

Full radiogroup ARIA pattern via Radix: arrow keys move selection, aria-checked on items, labels give each radio its accessible name.