Sparkline

Examples

Trend:

Flat:

With fill:

import { Sparkline } from '@eekodigital/raster';

<Sparkline data={[10, 25, 18, 40, 35, 60, 72, 86]} color="var(--color-success)" aria-label="Upward trend" />
<Sparkline data={[5, 15, 10, 30, 25, 45]} fill color="var(--color-interactive)" aria-label="Growth" />

Props

Prop	Type	Default	Description
data	number[]	—	Data points (minimum 2)
width	number	80	Width in pixels
height	number	24	Height in pixels
color	string	—color-interactive	Line colour
fill	boolean	false	Fill area below line
aria-label	string	—	Required.