Verification pages

The three steps of email verification on the AuthShell section; check your email, enter the code, verified.

Last updated

Three pages for one flow: the user signs up, you email a link and a code, and they either follow the link or type the code. Each page is a centred AuthShell with one action and a way back.

npx @ava-ui/apogee add verification/check-email verification/enter-code verification/success
Check emailStep 1. A verification link is on its way, with a way to type the code instead.
Enter codeStep 2. A four-digit code, a verify button and a way to resend the email.
SuccessStep 3. The email is verified; one button carries on.

Related

Auth shellThe frame of a log in, sign up or recovery page; brand mark, heading and your form, centred, in a card, beside a panel, or beside a step sidebar.
PinInputA row of single-character boxes for short codes (OTP, 2FA).
Sign up pagesWhole sign up pages built on the AuthShell section, from a centred form to multi-step flows with a progress sidebar.