Skip to content
Components / Metrics

Sparkline

A small line of recent values.

@fabrials/ui
Loading state
$41.20

Installation

  1. Import the control from @fabrials/ui, after setting the app up.

    TypeScript
    import { Sparkline } from "@fabrials/ui";

API reference

Prop / exportTypeDescription
datanumber[]Values in order.
labelstringAccessible description of the trend.

Behavior

Shape only; put the number next to it.

Accessibility

Keyboard and contrast
Keep visible labels, keyboard focus and status announcements when customizing. These components inherit your theme; maintain sufficient contrast in both color modes. The preview is keyboard operable.