Skip to main content
161

Search Lumen

Find components, APIs, guides, and recipes.

GitHub
React Native docs
Data displayReact Native

Sparkline

Render a compact tokenized trend line with optional area fill.

Public APILumenSparklineReact Native

Native example

Use Sparkline

Use canonical visualization tokens and keep the application data model explicit. Provide a concise factual label, and retain the readable native fallback supplied by the component.

View verified React Native runtime capture
Sparkline rendered in the Expo web renderer Lumen playground
Verified runtime captureExpo web renderer
tsx
<LumenSparkline
  values={[12, 18, 15, 24]}
  label="Quarterly revenue"
/>

Reference

Public API

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

APIValues or typeDefaultDescription
labelStringRequiredProvides the concise accessible name for the visualization.
valuesTyped native chart dataRequiredSupplies finite values and stable identifiers through the shared chart contract.

Native behavior

Design and accessibility

When to use it

Use canonical visualization tokens and keep the application data model explicit. Provide a concise factual label, and retain the readable native fallback supplied by the component.

Accessibility

Presents one concise image label without exposing decorative marks.

Shared component

Available on other platforms

Apple / SwiftUIAndroid / Compose
React Native docsNative primitives