Skip to main content
161

Search Lumen

Find components, APIs, guides, and recipes.

GitHub
React Native docs
FeedbackReact Native

Spinner

Communicate an indeterminate native loading state with a semantic brand treatment.

Public APILumenSpinnerReact Native

Native example

Use Spinner

Use for indeterminate waits. If progress can be measured, prefer Progress and report the current value.

View verified React Native runtime capture
Spinner rendered in the Expo web renderer Lumen playground
Verified runtime captureExpo web renderer
tsx
<LumenSpinner accessibilityLabel="Loading projects" />

Reference

Public API

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

APIValues or typeDefaultDescription
accessibilityLabelStringLoadingNames the operation for assistive technology.
colorNative colorbrandOverrides the semantic progress color.
sizeNative presentation APIAdjusts native size or layout.

Native behavior

Design and accessibility

When to use it

Use for indeterminate waits. If progress can be measured, prefer Progress and report the current value.

Accessibility

The spinner exposes a native progress role and an accessible loading label.

Shared component

Available on other platforms

Apple / SwiftUIAndroid / Compose
React Native docsNative primitives