Skip to content

Work / Learning Platform / Wiki / Surfaces

reset-password

Surfacecanonicalverified 2026-10-04

SURFACE.WEB.AUTH.RESET-PASSWORD

Summary

Sets a new password from an emailed link.

Raw wireframe

  • .context/designs/web/auth/reset-password.html

Why it is drawn this way

Show and Hide are words, not icons. The form passes a text button as the right icon.

Every validation failure is a toast. "Passwords do not match" and "Password must be at least 8 characters long" never appear on the page. They are drawn in toasts.

The token is the URL's ?token=. Without one the page shows reset-password-invalid instead.

Related

Sources

  • apps/website/src/app/auth/reset-password/page.tsx
  • packages/ui/src/components/auth/reset-password-form.tsx