Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProSign-in, sign-up and reset forms with the autocomplete tokens, names and submit button password managers need, never blocking paste or turning autocomplete off.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
Use this as the base of every authentication form. The attributes are the whole point: they decide whether a password manager can help.
Do not split the email and password onto different pages without keeping the hidden username, and do not rename fields per request.
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 |
|---|---|---|---|
mode | sign-in | sign-up | reset | - | Which form to render. |
onSubmit | ({ email, password }) => void | - | Called with the field values. |
username and current-password; sign-up uses email and new-password; reset adds a hidden username so managers update the right entry.name, visible labels and a real submit button; nothing uses autocomplete="off" and paste is never blocked (WCAG 3.3.8).minLength is set for new passwords so the browser can show its own hint.| Key | Action |
|---|---|
| Enter | submits |
| Tab | email, password, submit |
The pattern ships a Testing Library test (password-manager-friendly-form.test.tsx) that covers the attributes of each mode, no autocomplete off, no paste blocking and submitting.