StatDisplay

data

A compact component for displaying a statistic with optional label and trend indicator.

Preview

Active Users

2,420

+15%

Bounce Rate

38%

-2%

Page Views

12.4k

Installation

npm install @launchapp/design-system

Import

import { StatDisplay } from "@launchapp/design-system";

Examples

Stat Display

<StatDisplay  items={[    { label: "Active Users", value: "2,420", trend: "up", trendLabel: "+15%" },    { label: "Bounce Rate", value: "38%", trend: "down", trendLabel: "-2%" },    { label: "Page Views", value: "12.4k" },  ]}  cols={3}/>

Props

Prop	Type	Default	Description
`items`*	`KPICardProps[]`	—	Array of KPI card data objects to display.
`cols`	`2 \| 3 \| 4`	`4`	Number of columns in the grid layout.

← PreviousSonner

Next →Switch