Skip to main content
196

Search Lumen

Find components, APIs, guides, and recipes.

GitHub
React Native docs
Data displayReact Native

Kanban board

Move controlled cards between capacity-limited native board columns.

Public APILumenKanbanBoardReact Native

Native example

Use Kanban board

Hosts own immutable columns and persistence. Invalid IDs and full targets reject moves. Accessible move controls reach columns outside the viewport; drag auto-scrolling is unavailable.

View captured React Native example
Kanban board rendered in the Expo web renderer Lumen playground
Captured exampleExpo web renderer
tsx
<LumenKanbanBoard label="Project board" columns={columns} onColumnsChange={setColumns} />

Reference

Public API

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

APIValues or typeDefaultDescription
columnsControlled LumenKanbanColumnData recordsRequiredRetains host ownership of stable values and callbacks.

Native behavior

Design and accessibility

When to use it

Hosts own immutable columns and persistence. Invalid IDs and full targets reject moves. Accessible move controls reach columns outside the viewport; drag auto-scrolling is unavailable.

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