Reorder predefined fields in auth forms

I am just wondering is there anyway to reorder the fields in the auth form? I have added in 2 new fields, first name and last name. And ideally i would like those to appear before the password field but at the moment it seems it can only go after them with the additonalFields prop
1 Reply
Vinny (@Wasp)
Vinny (@Wasp)3mo ago
Hey Richard. Good question. Seems like you won't be able to then with the generated AuthUI components. If you want finer control you can pull in the Wasp auth functions and hooks and build your own form. I believe you can just import the login and signup functions provided by wasp and create your own form that way
import { login, signup } from "wasp/client/auth";
import { login, signup } from "wasp/client/auth";
but you'll have to make sure to also define a userSignupFields function as well https://wasp-lang.dev/docs/auth/overview#customizing-the-signup-process @miho can correct me if I'm wrong. He's the expert here.
Overview | Wasp
Auth is an essential piece of any serious application. That's why Wasp provides authentication and authorization support out of the box.