Data displayReact Native

Stat

Display a compact product metric with semantic tone and optional supporting context.

Public APILumenStatReact Native

Native example

Use Stat

Use for a compact product metric. Avoid decorative dashboard numbers that do not support a decision or task.

View verified React Native runtime capture

<LumenStat
  label="Open windows"
  value="12"
  detail="Across 3 workspaces"
  tone="accent"
/>

Reference

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

API	Values or type	Default	Description
label	`string`	`Required`	Names the metric.
value	`String`	`Required`	Provides the formatted metric value.
detail	`string`	`undefined`	Adds supporting context.
graphic	`ReactNode`	`undefined`	Adds an optional semantic graphic.
tone	`neutral · brand · accent · success · warning · danger`	`brand`	Selects semantic emphasis.

Native behavior

Use for a compact product metric. Avoid decorative dashboard numbers that do not support a decision or task.

Metric content is combined into a concise readable unit. The value must remain meaningful without relying on color or icon alone.

Shared component