Tiny inline trend chart rendered as plain SVG, supporting line, area, and bar variants.
Sparkline renders a compact trend visualisation suitable for dashboard tiles and table rows. It uses native SVG without any chart dependency and stays accessible through an explicit label.
Default variant draws a smooth trend line.
<Sparkline data={[4, 8, 6, 12, 9, 14, 11]} label="Deployments per day" />import { Sparkline } from "@froggdesign/enter-ui-react";line, area, and bars share the same data shape.
Provide an aria-label or label describing the trend so screen readers announce it. When omitted, the SVG is marked aria-hidden for decorative use only.
data: required array of numbers.variant: line (default), area, bars.width / height: SVG render size in pixels (defaults 120 × 32).label: accessible description; required for non-decorative sparklines.svg props.Every exported component accepts className when it renders an element. EnterUI styles use .eui-* classes and --eui-* variables mapped from FroggDesign theme tokens.