Skip to content

Auth kit

The Auth kit (@qazana/strata/auth) is a complete, accessible authentication flow with password reveal, strength meter and OTP inputs wired via data-* hooks.

Open “Auth — sign in” in a new tab ↗
Screen File
Sign in (split / centered) sign-in, sign-in-centered
Sign up sign-up
Reset password reset
Check your email check-email
Set a new password new-password
Verify email verify
Two-factor two-factor
Passwordless (magic link) passwordless
App password app-password
Open “Auth — two-factor” in a new tab ↗

Password fields support reveal (data-pw-toggle), a strength meter (data-pw-strength) and the OTP component (data-otp). Reveal is delegated globally, so it works regardless of how many password fields are on the page.

Out-of-flow controls (theme toggle, escape links) use .auth-toggle — fixed top-right on its own, or stack several inside an .auth-corner row.