<SignupForm
additionalFields={(form, state) => {
return (
<>
<FormItemGroup>
<div className="mb-4">
<label className="block text-md font-bold">
Username
</label>
<label className="block text-sm font-light mb-2">
You'll use this when logging in.
</label>
<input
{...form.register("username")}
className="input w-full mb-2"
id="username"
onChange={(e) => {
e.target.value = e.target.value.toLowerCase();
form.register("username").onChange(e);
}}
/>
<SignupForm
additionalFields={(form, state) => {
return (
<>
<FormItemGroup>
<div className="mb-4">
<label className="block text-md font-bold">
Username
</label>
<label className="block text-sm font-light mb-2">
You'll use this when logging in.
</label>
<input
{...form.register("username")}
className="input w-full mb-2"
id="username"
onChange={(e) => {
e.target.value = e.target.value.toLowerCase();
form.register("username").onChange(e);
}}
/>