Skip to main content
196

Search Lumen

Find components, APIs, guides, and recipes.

GitHub
React Native docs
FormsReact Native

Tree select

Select controlled native tree select values with stable identities.

Public APILumenTreeSelectReact Native

Native example

Use Tree select

All hierarchy levels are selectable when enabled. The host retains unknown values; read-only permits browsing. Use the existing validated Tree graph and localize option paths.

View captured React Native example
Tree select rendered in the Expo web renderer Lumen playground
Captured exampleExpo web renderer
tsx
<LumenTreeSelect label="Destination" nodes={nodes} value={value} onValueChange={setValue} />

Reference

Public API

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

APIValues or typeDefaultDescription
valueNullable stable IDRequired controlled valueRetains host state and emits intentional user changes.

Native behavior

Design and accessibility

When to use it

All hierarchy levels are selectable when enabled. The host retains unknown values; read-only permits browsing. Use the existing validated Tree graph and localize option paths.

Accessibility

Localized selected/checked and disabled controls with guarded native actions and safe status presentation.

Shared component

Available on other platforms

Apple / SwiftUIAndroid / Compose
React Native docsNative primitives