Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA delta formatter for currency, percent and compact numbers that signs the change, handles zero, and can invert which direction is good.
Derived from this item’s props table, because it declares no controls of its own. This item has no standalone playground, so changes update the code, the share link and the AI prompt.
Changes where a drop can be good news (churn, cost, latency).
Do not use it when: A change needing a chart.
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Default | Description |
| ---------- | ----------- | --------- | ------------------------------- | --------- | --- | ------------------------ |
| label | string | - | Metric name. |
| value | string | - | Formatted current value. |
| delta | number | - | Signed change. |
| kind | "currency" | "percent" | "compact" | "number" | - | How to format the delta. |
| currency | string | USD | ISO currency code. |
| invert | boolean | false | Decrease is the good direction. |
Direction is written as up, down or flat plus favourable or unfavourable, never colour alone.
The pattern ships with a test (kpi-delta-format.test.tsx). Tests drive the real interactions and the pure helper functions.