I am customizing the SignUp form fields. How do I ...
# generalf
funk101
05/07/2022, 4:33 AMI am customizing the SignUp form fields. How do I add a "Select" dropdown?
n
nkshah2
05/07/2022, 5:03 AMHi,
What recipe are you using?
nkshah2
05/07/2022, 5:06 AMYou can refer to this to add custom ui elements to the form:
https://supertokens.com/docs/emailpassword/advanced-customizations/react-component-override/usage
f
funk101
05/07/2022, 5:07 AMYes, seen that. But doesn't show any Select examples, or in docs
funk101
05/07/2022, 5:07 AMusing EmailPasswordAuth: NextJS
funk101
05/07/2022, 5:08 AMI see how to add formFields, but all examples show just text input
r
rp
05/07/2022, 5:08 AM@funk101 we don't allow you to add non text inputs at the moment to the sign up form, and you can't use the react override to insert a component in the middle of the form UI.
What I suggest is that you keep the sign up form to just have email / password, and then post sign up, you can show a UI to the user to ask for more info.
rp
05/07/2022, 5:09 AMHowever, if you really need to, you can always just use plain JS to insert an element in the sign up form.
f
funk101
05/07/2022, 5:09 AMI see, thanks
r
rp
05/07/2022, 5:10 AMAn example of how you can use JS to select / manipulate DOM elements is here: https://github.com/supertokens/supertokens-auth-react/blob/master/test/helpers.js#L114