With visibility toggle
With hint
Use at least 12 characters.
Error
Password is incorrect.
Without toggle
Disabled
Recovery code
Enter the 8-character code from your authenticator app.
Stacked in a form
At least 12 characters.
Animation variants
animationVariant — click each control to compare press feedback.
API
| Prop | Required | Type | Default | Description |
|---|---|---|---|---|
| theme | Optional | SiteTheme | atelier | Visual theme. |
| showToggle | Optional | boolean | true | Shows visibility toggle button. |
| label / hint / error | Optional | string | — | Field shell props. |
| autoComplete | Optional | string | — | Pass current-password or new-password. |
| animationVariant | Optional | PressAnimationVariant | default | Press animation — default, none, ripple, scale, sink, lift, pulse, or glow. |