Sparkline

A tiny inline trend chart.

import { BuiSparkline } from 'ng-blatui';

<bui-sparkline [data]="[4, 8, 5, 12, 7, 14, 9]" />

API reference

Prop	Type	Default	Description
`data`	`readonly number[]`	`[]`	Numeric series to plot; needs at least two points to render.
`width`	`number`	`100`	SVG width in pixels.
`height`	`number`	`28`	SVG height in pixels.
`area`	`boolean`	`true`	Whether to draw the translucent area fill under the line.
`strokeWidth`	`number`	`1.5`	Line stroke width in pixels (also used as edge padding).
`ariaLabel`	`string`	`'Trend'`	Accessible label for the sparkline's `aria-label`.

Every ng-blatui component also accepts a class input to merge extra Tailwind classes onto the host.