Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA live ticking KPI with pause and resume, reduced-motion handling and throttled announcements.
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.
Live counters that need to be stoppable.
Do not use it when: Static numbers.
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. |
initial | number | - | Starting value. |
next | (prev: number) => number | - | Next value. |
intervalMs | number | 1000 | Tick interval. |
announceEvery | number | 10 | Announce every N ticks. |
reducedMotion | boolean | media query | Override preference. |
Only every Nth update is announced. With reduced motion updates start paused and are manual.
The pattern ships with a test (kpi-realtime-pause.test.tsx). Tests drive the real interactions and the pure helper functions.