Skip to main content
196

Search Lumen

Find components, APIs, guides, and recipes.

GitHub
React Native docs
FormsReact Native

Mentions

Insert literal mention suggestions into controlled native multiline text.

Public APILumenMentionsReact Native

Native example

Use Mentions

Hosts control text and UTF-16 selection atomically. Native iOS and Android composition is preserved; React Native hosts supply isComposing when available. ASCII mention values use literal filtering and safe token boundaries.

View captured React Native example
Mentions rendered in the Expo web renderer Lumen playground
Captured exampleExpo web renderer
tsx
<LumenMentions label="Message" value={value} onValueChange={setValue} options={options} />

Reference

Public API

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

APIValues or typeDefaultDescription
value / options / triggerControlled text and selection / stable suggestions / literal triggerRequired / required / @Preserves host state and inserts enabled validated suggestions.

Native behavior

Design and accessibility

When to use it

Hosts control text and UTF-16 selection atomically. Native iOS and Android composition is preserved; React Native hosts supply isComposing when available. ASCII mention values use literal filtering and safe token boundaries.

Accessibility

Named multiline input and enabled suggestion actions with controlled selection.

Shared component

Available on other platforms

Apple / SwiftUIAndroid / Compose
React Native docsNative primitives