Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProAn interval selector with countdown that pauses when the tab is hidden or the user works in the panel, plus manual refresh.
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.
Operational dashboards that poll for fresh data.
Do not use it when: Data is pushed in real time.
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 |
|---|---|---|---|
intervals | number[] | [0,10,30,60] | Seconds; 0 is Off. |
defaultInterval | number | 30 | Initial interval. |
onRefresh | (count, reason) => void | - | Called on each auto or manual refresh. |
children | ReactNode | - | Content in the panel; focusing it pauses the countdown. |
The interval is a labelled select. Pausing is visible text so users are never surprised.
The pattern ships with a test (dash-auto-refresh-interval.test.tsx). Tests use fake timers for countdown, visibilitychange pause and the Off interval.