Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA count you can change in a popover: minus, a typed field and plus that stop at the limits, clamp typed values, support arrow keys and throw the draft away on Escape.
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 for quantities in dense rows: guests, seats, copies, nights.
Do not use it for values that need a unit conversion or decimals (use a number field), or for a quantity you change constantly (use an inline stepper).
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 | - | What is counted. |
value / onValueChange | number / fn | - | Controlled value. |
min, max | number | 0, 99 | Limits. |
unit | string | item | Singular unit for the trigger. |
min and max on blur.| Key | Action |
|---|---|
| ArrowUp / ArrowDown in the field | change the value |
| Enter | applies |
| Escape | cancels |
The pattern ships a Testing Library test (popover-numeric-stepper.test.tsx) that covers the named trigger, stepping and applying, limits, clamping with arrow keys and Escape.