# Sparkline

Compact inline line or area trend.

Choose Sparkline for a compact trend beside a metric when full axes and detailed comparison are unnecessary.

## API

The package declarations define these public members.

| Member | Type | Kind | Required | Default | Description |
| --- | --- | --- | --- | --- | --- |
| `color` | `string` | prop | No | `'var(--bd-series-1)'` | Any token or hex. |
| `curve` | `SparklineCurve` | prop | No | `'monotone'` | No additional description. |
| `height` | `number` | prop | No | `24` | No additional description. |
| `label` | `string` | prop | No | `undefined` | Omit when the sparkline sits beside a labelled value; then it is decorative. |
| `points` | `SparklinePoint[]` | prop | Yes | - | Bare numbers are indexed by position. |
| `showLast` | `boolean` | prop | No | `false` | Mark the final point with a dot. |
| `strokeWidth` | `number` | prop | No | `1.5` | No additional description. |
| `variant` | `SparklineVariant` | prop | No | `'line'` | No additional description. |
| `width` | `number` | prop | No | `96` | Requested intrinsic width in pixels is an upper bound; the SVG shrinks to its container while preserving its viewBox aspect ratio. |
| `yMax` | `number` | prop | No | `undefined` | No additional description. |
| `yMin` | `number` | prop | No | `undefined` | No additional description. |

## Related

- [Chart](/docs/components/chart): Accessible SVG line or area chart with tooltip and data table.