RadioGroup

#Default usage

#Usage

import { RadioGroup, RadioGroupItem } from "@froggdesign/enter-ui";

export function Example() {
  return (
    <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>
  );
}

#Patterns

#Accessibility

RadioGroup uses a radiogroup role and supports arrow key navigation. Provide an accessible name with a label or aria-label.

#API

• RadioGroup: value, defaultValue, onValueChange, orientation, and native div props.
• RadioGroupItem: requires value and supports disabled state.

#Styling

Every exported component accepts className when it renders an element. EnterUI styles use .eui-* classes and --eui-* variables mapped from FroggDesign theme tokens.