Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA reserved-slot banner that counts down the hold in minutes and seconds, warns in the last minute, offers one extension and releases the slot at zero. Use this when a chosen time is held for a short while during checkout and the person needs to see how long is left.
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 it when a chosen time is held for a short while during checkout and the person needs to see how long is left.
Do not use it as a general countdown; use the countdown-timer component.
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 |
|---|---|---|---|
| slotLabel | string | - | What is held, e.g. Tue 27 Oct, 10:30. |
| holdSeconds | number | 300 | Length of the hold. |
| extendSeconds | number | 120 | Added by the one allowed extension. |
| onExpire | () => void | - | Called once at zero. |
| onExtend | () => void | - | Called when the hold is extended. |
The pattern ships with a Testing Library test (slot-hold-countdown.test.tsx) that covers ticking, the warning, the extension and expiry.