Components

Sparkline

A small line of how a number has moved, with no axes, for beside a figure. It draws itself in.

Balance$6,908

Spent$2,742

Import

import { Sparkline } from '@rinzai/zen';

API reference

<Sparkline>

A small line of how a number has moved (a balance over a month, spending by week), with no axes: for beside a figure in a Stat or a table row. It takes its size from className (e.g. h-8 w-24) and draws itself in.

Prop	Type	Default
`values`Required	`number[]`	`—`
`area` A soft fill under the line.	`boolean`	`true`
`tone` The accent (`primary`), red (`negative`), or grey (`muted`).	`"muted" \| "negative" \| "primary"`	`primary`