Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA metric that changes tone, status glyph and wording when it crosses warning and critical thresholds, with the rule written out beneath it.
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.
Use this when a metric has agreed limits: CPU, error rate, queue depth, disk, uptime against an SLA.
Do not use it when there is no agreed limit (a coloured number with no rule invents meaning).
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 | Required | Description |
|---|---|---|---|
title | string | required | - |
value | number | required | - |
warnAt | number | required | At or above this the metric is in warning. |
criticalAt | number | required | At or above this the metric is critical. |
suffix | string | optional | - |
precision | number | optional | - |
lowerIsWorse | boolean | optional | For metrics where lower is worse (uptime, free disk). Default false. |
The pattern ships with a Testing Library test (statistic-threshold-states.test.tsx) that covers healthy, warning and critical, the flipped comparison and the printed rule.