Skip to main content
196

Search Lumen

Find components, APIs, guides, and recipes.

GitHub
React Native docs
Data displayReact Native

Kanban column

Reorder rich native cards within a controlled standalone column.

Public APILumenKanbanColumnReact Native

Native example

Use Kanban column

Use stable card identities and capacity. Native dragging and localized reorder actions request host state changes. Read-only blocks mutations while allowing details.

View captured React Native example
Kanban column rendered in the Expo web renderer Lumen playground
Captured exampleExpo web renderer
tsx
<LumenKanbanColumn column={column} onColumnChange={setColumn} />

Reference

Public API

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

APIValues or typeDefaultDescription
columnControlled LumenKanbanColumnDataRequiredRetains host ownership of stable values and callbacks.

Native behavior

Design and accessibility

When to use it

Use stable card identities and capacity. Native dragging and localized reorder actions request host state changes. Read-only blocks mutations while allowing details.

Accessibility

Localized labels, native controls, selected or disabled state and safe loading/error/empty presentation.

Shared component

Available on other platforms

Apple / SwiftUIAndroid / Compose
React Native docsNative primitives