wasp-lang / wasp

The fastest way to develop full-stack web apps with React & Node.js.
https://wasp-lang.dev
MIT License
13.74k stars 1.18k forks source link

Make Auth UI's Signup Form more customizable visually #1617

Open Martinsos opened 10 months ago

Martinsos commented 10 months ago

We had a user asking if they can hide / modify some of the text in the SignupForm, via the appearance prop. They wanted to get rid of the text that says "Create a new account", for example, but also some other customizations.

The appearance prop options seem to be limited (relative to my custom inputs that use tailwind for example) add some extra props to facilitate not displaying the title &/or the default inputs

Just some of the CSS they used to work around this.

h2 {
    display: none;
}

div:has(> input[name="username"]:not(#username)) {
    display: none;
}

div:has(> input[name="password"]:not(#password)) {
    display: none;
}

More details here, in the Discord convo: https://discord.com/channels/686873244791210014/1189296190924267551/1190669125622698005

gabrielmoffa commented 4 months ago

Any update?