Skip to main content
196

Search Lumen

Find components, APIs, guides, and recipes.

GitHub
React Native docs
Data displayReact Native

Tree grid

Named hierarchical disclosures and labeled cells with inherited disabled state.

Public APILumenTreeGridReact Native

Native example

Use Tree grid

Hosts format cells and control expansion. Unknown and hidden expansion IDs are retained. Custom interactive cells must honor disabled/read-only context.

View captured React Native example
Tree grid rendered in the Expo web renderer Lumen playground
Captured exampleExpo web renderer
tsx
<LumenTreeGrid label="Status" columns={columns} records={records} expandedIds={expandedIds} onExpandedChange={setExpandedIds} />

Reference

Public API

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

APIValues or typeDefaultDescription
controlled stateStable records and host stateRequiredRetains host values and emits intentional user changes.

Native behavior

Design and accessibility

When to use it

Hosts format cells and control expansion. Unknown and hidden expansion IDs are retained. Custom interactive cells must honor disabled/read-only context.

Accessibility

Named hierarchical disclosures and labeled cells with inherited disabled state.

Shared component

Available on other platforms

Apple / SwiftUIAndroid / Compose
React Native docsNative primitives