Components › Charts

Sparkline

A small trend line for tables, stats and cards.

Installation

npx plankui@latest add sparkline

Usage

import { Sparkline } from "@/components/ui/sparkline";

<Sparkline values={[12, 14, 13, 18, 21]} area showLast />

API reference

PropTypeDefaultDescription
valuesnumber[]requiredThe series.
area / showLastbooleanfalseFill and last-point marker.
width / height / colornumber / number / string120 / 36 / accentSize and colour.

View the source on GitHub