Skip to main content
196

Search Lumen

Find components, APIs, guides, and recipes.

GitHub
React Native docs
Data displayReact Native

Media filmstrip

Browse ordered media with host-formatted selected count and sibling move actions.

Public APILumenMediaFilmstripReact Native

Native example

Use Media filmstrip

Applications own media loading, edits, selection, persistence and task lifetimes. Compose localized LumenButton move actions beside thumbnails. See the Studio media workspace guide for exact adapter contracts and supported Apple form factors.

View captured React Native example
Media filmstrip rendered in the Expo web renderer Lumen playground
Captured exampleExpo web renderer
tsx
<LumenMediaFilmstrip label="Photos" selectionLabel="1 photo selected">{thumbnails}</LumenMediaFilmstrip>

Reference

Public API

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

APIValues or typeDefaultDescription
label / contentString / native contentRequiredNames the media surface and provides application-owned content.

Native behavior

Design and accessibility

When to use it

Applications own media loading, edits, selection, persistence and task lifetimes. Compose localized LumenButton move actions beside thumbnails. See the Studio media workspace guide for exact adapter contracts and supported Apple form factors.

Accessibility

The collection label and selection status describe host-controlled media.

Shared component

Available on other platforms

Apple / SwiftUIAndroid / Compose
React Native docsNative primitives