Ship-It Designv0.0.3
GitHub

Sparkline

Each example below is a real component instance — flip the theme toggle to see how it adapts.

Default#

Filled#

Loading…

Stat Tiles#

Loading…

Props#

Props for Sparkline
PropTypeDefaultDescription
values *readonly number[]Numeric series. Drawn at uniform horizontal spacing.
widthnumber | undefined160Pixel width. Default 160.
heightnumber | undefined32Pixel height. Default 32.
strokestring | undefinedcurrentColorStroke color (CSS color or var). Defaults to `currentColor`.
strokeWidthnumber | undefined1.5Stroke width. Default 1.5.
fillboolean | undefinedfalseWhen true, fills the area under the line at 16% opacity.
aria-labelstring | undefinedTrendAccessible label. Defaults to `Trend`.