Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA payment summary with a slide-to-confirm control that charges once, shows a processing state, announces success or a failure with a retry, and cannot be triggered twice. Use this when a phone checkout takes a payment and an accidental tap would be costly.
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 phone checkout takes a payment and an accidental tap would be costly.
Do not use it for low-stakes purchases, or as the only way to pay (the control has a keyboard route but a plain button may be better for some).
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 |
|---|---|---|---|
amount | string | required | Formatted total. |
onPay | () => Promise<void> | required | Charge the payment. A rejection shows an error and re-arms the slider. |
role="alert".The pattern ships with a Testing Library test (slide-to-pay.test.tsx) that drives it through roles and the keyboard.