Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProVerify an email in two steps without leaving the page: enter the address, send a code, see it masked, type the code and go back with the address kept.
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 sign-up and account-recovery flows where the proof of owning an address is a code, not a link.
Do not reveal in the messages whether an address has an account. Return the same answer for known and unknown emails.
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 |
|---|---|---|---|
sendCode | (email: string) => Promise<void> | - | Send the code; a rejection shows the failure message. |
verify | (email, code) => Promise<boolean> | - | Check the code. |
onVerified | (email: string) => void | - | Accepted. |
| Prop | Type | Default | Description |
|---|---|---|---|
(email: string) | string | - | m***@domain: first letter kept, domain kept. |
m***@acme.dev) with the exported maskEmail, so shoulder surfers learn little.role="alert" message linked to the field.| Key | Action |
|---|---|
| Enter in the email field | sends the code |
| Type six digits | verifies |
| Enter on Wrong email? | back to step one |
The pattern ships a Testing Library test (otp-email-verify-flow.test.tsx) that covers the masking helper, the first step, invalid emails, sending, verifying and going back.