FormsReact Native

Search field

Filter native content with a density-aware search field and clear action.

Public APILumenSearchFieldReact Native

Native example

Use Search field

Use for filtering an existing collection. Keep search results and empty states close to the field so focus changes remain understandable.

View verified React Native runtime capture

<LumenSearchField
  value={query}
  onChangeText={setQuery}
  prompt="Search workspaces"
/>

Reference

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

API	Values or type	Default	Description
prompt	`String`	`Search`	Provides placeholder and field context.
value	`string`	`Required`	Stores the current search query.
onChangeText	`(String) -> Unit`	`Required`	Updates the controlled query.
editable	`Boolean`	`true`	Controls native disabled presentation.
clearLabel	`String`	`Clear search`	Names the clear action.

Native behavior

Use for filtering an existing collection. Keep search results and empty states close to the field so focus changes remain understandable.

The field uses native text input and provides a labeled clear button whenever text is present.

Shared component