Sparkline
Examples
Loading examples…
API
From COMPONENTS.md.
Inline SVG sparkline chart. Pure SVG, no dependencies, SSR-safe.
import { Sparkline } from 'achery-ui'
<Sparkline data={[1, 3, 2, 5, 4, 6]} tone="positive" />
<Sparkline data={values} tone="negative" width={120} height={36} />
| Prop | Type | Default | Notes |
|---|---|---|---|
data |
number[] |
— | Data points. Fewer than 2 renders empty |
width |
number |
80 |
SVG width in px |
height |
number |
28 |
SVG height in px |
tone |
'positive' | 'negative' | 'neutral' |
'neutral' |
Line colour: success / danger / accent |
className |
string |
— |