Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProNew password plus confirmation where one Show button reveals both fields, a polite status says whether they match and Save waits for a long enough, matching pair.
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 on sign-up and reset pages where a typo would lock someone out and a confirmation field is still your policy.
Do not use it if you offer a Show button and a reset flow instead of confirmation: many teams drop the second field. Do not enforce composition rules with it; use password-rules.
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 |
|---|---|---|---|
onSubmit | (password: string) => void | - | Called with the new password when valid. |
minLength | number | 10 | Fewest characters. |
autocomplete="new-password", so password managers offer to fill and save them.status linked to the confirmation field, which also gets aria-invalid while they differ.| Key | Action |
|---|---|
| Enter | saves when the form is valid |
| Space on Show passwords | reveals both fields |
The pattern ships a Testing Library test (password-set-confirm.test.tsx) that covers autocomplete tokens, the match announcement, the disabled Save and revealing both fields.