Inputs

RadioGroup

A group of radio buttons with keyboard navigation. The group handles arrow key navigation and value management.

LlmRadioGroup + LlmRadio

Demo

Free — Basic featuresPro — $9/monthEnterprise — Custom pricingLegacy (unavailable)

<LlmRadioGroup name="plan" value="free" onValueChange={(v) => console.log(v)}>
  <LlmRadio radioValue="free">Free</LlmRadio>
  <LlmRadio radioValue="pro">Pro</LlmRadio>
  <LlmRadio radioValue="enterprise">Enterprise</LlmRadio>
</LlmRadioGroup>

API

Prop	Type	Default	Description
`value`	`string`	`''`	Currently selected value
`onValueChange`	`(value: string) => void`	`—`	Called when selection changes
`disabled`	`boolean`	`false`	Disables all radios in the group
`readonly`	`boolean`	`false`	Makes all radios in the group read-only
`invalid`	`boolean`	`false`	Applies invalid/error styling
`required`	`boolean`	`false`	Marks field as required
`name`	`string`	`''`	HTML name attribute (propagated to radios)

Import

import { LlmRadioGroup, LlmRadio } from '@atelier-ui/react';