React Sparkline Component

Starter25

Pro58

Enterprise6

Installation

pnpm add krz-ui

import { Sparkline } from "krz-ui";

<Sparkline data={[12, 14, 13, 17, 19, 22, 25]} label="Signups, last 7 days" />

Prop	Type	Description
`data`	`number[]`	Values, oldest first.
`label`	`string`	Describes the trend for screen readers.
`height`	`number`	Height in px. Default 36; width fills the container.
`color`	`string`	Any CSS color. Default --krz-chart-1.
`area`	`boolean`	Light wash under the line. Default true.
`className / style / ref`	`—`	All go to the outer element. See Customization.