Glowup
INPUTS · 27 / 89
RadioGroup
RadioGroup — a Material You inputs component for React Native and web.
󱀫
packages/ui/src/components/RadioButton.tsx
Live demo
Choose one
Properties
5 controls
Label
Value
Direction
Column
󰍝
Disabled
Error Message
Usage
RadioGroup.tsx
<RadioGroup label="Choose one" value="a" />
Variants
The states and shapes this component is meant to be used in.
Column
Billing plan
Row
Invoice frequency
With error
Shipping address
Select an address to continue.
Disabled options
Support tier
Data region (locked by contract)
API reference
Generated from the library's TypeScript, so it cannot drift from the implementation.
Props
8 on RadioGroupProps
onValueChange
required
(value: any) => void
options
required
RadioOption[]
value
required
any
direction
"column" | "row"
default: "column"
disabled
boolean
error
string
feedback
boolean
default: true
Report each selection to `ThemeProvider`'s `onInteractionFeedback` (haptics). Defaults to true.
label
string