Sparkline

data

Miniature inline chart for showing trends within a small space.

Preview

No preview available

Check the code examples below.

Installation

npm install @launchapp/design-system

Import

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

<Sparkline data={[30, 45, 28, 60, 72, 55, 80, 95]} type="area" />

Prop	Type	Default	Description
`data`*	`number[]`	—	Array of numeric values to plot.
`type`	`"line" \| "bar" \| "area"`	`"line"`	Chart type.
`width`	`number`	`100`	Chart width in pixels.
`height`	`number`	`32`	Chart height in pixels.