Sparkline

Inline trend line. Color inherits from currentColor; set activeIndex to highlight a point with spring motion.

Default

80×24px default

Size

60×20
80×24 (default)
120×32

Active index

Click a year to move the highlighted point.

Year 2025

Color

Inherits from currentColor.

Developer

import { Sparkline } from "@financial-tracking/design-system"

API reference

PropTypeDefault
dataRequired. Minimum 2 values.number[]—
activeIndexHighlighted data point index.number—
widthnumber80
heightnumber24