Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA delivery address form with autocomplete tokens, the right keyboards, a country picker, field errors summarised at the top and a Continue bar that stays above the keyboard. Use this when a phone checkout collects a shipping address and typing speed and correctness matter.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
Use it when a phone checkout collects a shipping address and typing speed and correctness matter.
Do not use it for address lookup against a service (add a lookup on top) or for billing details that need card fields.
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 |
|---|---|---|---|
countries | { value: string; label: string }[] | required | Allowed countries. |
onContinue | (address: Address) => void | required | Called with a valid address. |
autocomplete token (name, street-address, postal-code, address-level2, country) and the right input mode.role="alert") with links that move focus to each field.The pattern ships with a Testing Library test (checkout-address-sticky.test.tsx) that drives it through roles and the keyboard.