RadioGroup

RadioGroup is @tamagui/radio-group's container, re-exported directly — it manages the selected value and provides context to Radio items, but carries no Bauhaus styling of its own. All the visual theming lives in Radio, not RadioGroup.

React Native

import { Radio, RadioGroup } from '@hoverinc/design-system-react-native';

<RadioGroup value={value} onValueChange={setValue}>
  <Radio value="a">Option A</Radio>
  <Radio value="b">Option B</Radio>
</RadioGroup>;

Common Mistakes

• RadioGroup itself is unstyled — don't expect padding, spacing, or any visual treatment from it directly. Lay out your own spacing between Radio items (e.g. wrap them in a YStack with gap).
• Every Radio inside the group needs a unique value — RadioGroup matches its own value/onValueChange against each item's value prop, not by position or index.