Single selection with keyboard navigation.
RadioGroup defines how EnterUI handles single selection with keyboard navigation, including default structure, accessible states, and token-driven styling.
Use horizontal orientation for compact settings.
<RadioGroup defaultValue="stable" orientation="horizontal" aria-label="Release channel">
<RadioGroupItem value="alpha">Alpha</RadioGroupItem>
<RadioGroupItem value="beta">Beta</RadioGroupItem>
<RadioGroupItem value="stable">Stable</RadioGroupItem>
</RadioGroup>import { RadioGroup, RadioGroupItem } from "@froggdesign/enter-ui-react";Vertical orientation reads better for longer labels.
RadioGroup uses a radiogroup role and supports arrow key navigation. Provide an accessible name with a label or aria-label.
RadioGroup: value, defaultValue, onValueChange, orientation, and native div props.RadioGroupItem: requires value and supports disabled state.Every exported component accepts className when it renders an element. EnterUI styles use .eui-* classes and --eui-* variables mapped from FroggDesign theme tokens.