Data displayReact Native

Graphic

Frame application-provided artwork with token-aware glow, grid, or orbit decoration.

Public APILumenGraphicReact Native

Native example

Use Graphic

Use to frame meaningful application artwork with a restrained token-aware preset. Leave the label absent when the surrounding content already communicates the same meaning.

View verified React Native runtime capture

Graphic rendered in the Expo web renderer Lumen playground — Verified runtime captureExpo web renderer

<LumenGraphic variant="orbit" label="Project overview">
  <ProjectArtwork />
</LumenGraphic>

Reference

Public API

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

API	Values or type	Default	Description
variant	`glow · grid · orbit`	`orbit`	Selects the decorative composition.
size	`sm · md · lg`	`md`	Selects a shared native dimension.
tone	`brand · accent · neutral`	`brand`	Selects the semantic decoration color.
label	`string`	`undefined`	Optionally exposes the composition as one labeled image.

Native behavior

Design and accessibility

When to use it

Use to frame meaningful application artwork with a restrained token-aware preset. Leave the label absent when the surrounding content already communicates the same meaning.

Accessibility

Decorative graphics stay hidden from assistive technology; an optional label exposes the complete composition as one image.

Shared component

Available on other platforms

Apple / SwiftUI Android / Compose