Radio Group

A single-choice control built on native <input type="radio"> elements (visually hidden, with a styled dot indicator). Arrow keys move and select within the group via native radio behavior. Controlled or uncontrolled via value / defaultValue, with onValueChange. The shared name is auto-generated when omitted. An aria-label on the group is required.

Default — uncontrolled (defaultValue)

Controlled

value = "pro"

Focus — keyboard reachable (Tab in, arrows to choose)

Invalid + described (error message)

Select a risk tier to continue.

Declarative items prop (with a disabled item)

Disabled group