Skip to main content
196

Search Lumen

Find components, APIs, guides, and recipes.

GitHub
React Native docs
ActionsReact Native

Command

Named command search, enabled highlight navigation and a usable close path.

Public APILumenCommandReact Native

Native example

Use Command

Hosts own execution and modal presentation. Grouped literal search retains controlled query and highlight; disabled or stale commands cannot execute.

View captured React Native example
Command rendered in the Expo web renderer Lumen playground
Captured exampleExpo web renderer
tsx
<LumenCommand label="Commands" groups={groups} open={open} query={query} activeId={activeId} onOpenChange={setOpen} onQueryChange={setQuery} onActiveIdChange={setActiveId} onSelect={run} />

Reference

Public API

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

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 own execution and modal presentation. Grouped literal search retains controlled query and highlight; disabled or stale commands cannot execute.

Accessibility

Named command search, enabled highlight navigation and a usable close path.

Shared component

Available on other platforms

Apple / SwiftUIAndroid / Compose
React Native docsNative primitives