Trend Pill
A washed delta chip — arrow plus change — for the corner of a KPI tile, with direction and sentiment set independently.
tsx
import { TrendPill } from "@pestoui/core"Direction and sentiment
direction picks the arrow; sentiment picks the colour. They are separate because a falling error rate points down and is still good news.
12.4%3.1%0.8%5.6%
Beside a label
The pill sets no line height of its own, so it takes its row's and centres against the label. srLabel adds a spoken prefix — the arrow is silent.
Runs this weekUp 8.2%
Failed runsDown 1.9%
Props
Pesto UI · 117 documented components