Compact directional delta for metrics, tables, and KPI rows.
TrendIndicator shows a positive, negative, or neutral delta without turning a dashboard into a color chart.
Use beside metrics where a small delta is enough.
<TrendIndicator direction="up" format="percent" value={12.4} label="vs last month" />import { TrendIndicator } from "@froggdesign/enter-ui-react";Auto tone maps up/down/flat to positive, negative, and neutral.
The root exposes an accessible label such as up +12.4% vs last month. Use a visible label when the delta needs context.
value: numeric or rendered delta value.direction: up, down, or flat.tone: auto, positive, negative, or neutral.format: percent or number.label: optional visible context.className: style hook for layout.trend="up | down | neutral" remains supported.TrendIndicator uses .eui-trend-indicator, .eui-trend-indicator__icon, .eui-trend-indicator__value, and .eui-trend-indicator__label. Keep it compact; use tone="auto" unless the surrounding product copy changes the meaning.