Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProA bottom sheet to change a password with current, new and confirm fields, a strength meter described in words, a match check as you type and a server error for a wrong current password. Use this when a phone settings screen lets people change their password and a mistake would lock them out.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
Use it when a phone settings screen lets people change their password and a mistake would lock them out.
Do not use it for reset-by-email flows or when the password is managed by single sign-on.
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 |
|---|---|---|---|
onChange | (current: string, next: string) => Promise<void> | required | Change the password. A rejection is shown on the current-password field. |
autocomplete tokens (current-password, new-password); strength is text ("Strong") in a polite status with a meter, not only a colour.aria-invalid and a message; the form cannot be submitted until the passwords match and meet the minimum.The pattern ships with a Testing Library test (password-change-sheet.test.tsx) that drives it through roles and the keyboard.