Auth

Sign in & accounts

Five screens on one frame: sign in, create an account, confirm the email with a code, forgot password, choose a new one. Each one really checks what you type — and nothing leaves the browser.

The screens

The real pages, running in a frame. They work: sign in with any email and an 8+ character password.

Open this screen

Code input

Six boxes; paste or type. The demo code is 246810 — anything else shakes and says so.

0 of 6

Prop	Values	Default	What it does
`value`	`bindable string`	`''`	The digits typed so far
`length`	`number`	`6`	How many boxes
`error`	`string`	`''`	Shown under the boxes; they shake once
`oncomplete`	`(code) => void`	—	Called when every box is filled

Password strength

Four bars, one word, and the checklist — for new passwords only.

New password

Choose a password

At least 8 characters
Upper and lower case
A number
A symbol

Score: 0 of 4 — the form asks for 3 (“Good”).

Rules

Say which field is wrong, next to it

After the first try, each field shows what to fix in plain words. Nothing is cleared.

Never clear what was typed

A wrong password keeps the email; a wrong code empties only the code.

Show the password on request

Every password field has show / hide. New passwords show what makes them stronger.

Codes paste in one go

Pasting “246810” fills all six boxes; typing moves on by itself; Backspace goes back.

Say where the email went

The code and reset screens name the address, and how long the link or code lasts.

Don’t say whether an account exists

“If that email has an account, a link is on its way” — the same message either way.