Skip to main content
161

Search Lumen

Find components, APIs, guides, and recipes.

GitHub
React Native docs
FormsReact Native

Radio group

Choose one value from a visible, labeled group of native radio options.

Public APILumenRadioGroupReact Native

Native example

Use Radio group

Use when every option should remain visible and supporting descriptions help the decision. Use Segmented control for a small compact peer set.

View verified React Native runtime capture
Radio group rendered in the Expo web renderer Lumen playground
Verified runtime captureExpo web renderer
tsx
<LumenRadioGroup
  label="Density"
  options={densityOptions}
  value={density}
  onValueChange={setDensity}
/>

Reference

Public API

The primary shared and platform-specific options exposed by LumenRadioGroup.

APIValues or typeDefaultDescription
labelStringRequiredNames the single-selection group.
optionsreadonly LumenSelectionOption[]RequiredProvides labeled values with optional descriptions and disabled state.
valuestringRequiredStores the selected value.
onValueChange(string) => voidRequiredUpdates the selected value.

Native behavior

Design and accessibility

When to use it

Use when every option should remain visible and supporting descriptions help the decision. Use Segmented control for a small compact peer set.

Accessibility

Options expose native radio semantics inside a named single-selection group, including selected and disabled states.

Shared component

Available on other platforms

Apple / SwiftUIAndroid / Compose
React Native docsNative primitives