BETTER-AUTH. UI
Advanced

Additional Fields

Advanced Configuration

Create Custom Authentication Flow

You may use additionalFields to define extra fields required during signup or settings:

<AuthUIProvider
  authClient={authClient}
  additionalFields={{
    company: {
      label: "Company",
      placeholder: "Your company name",
      description: "Enter your company name",
      required: true,
      type: "string"
    },
    age: {
      label: "Age",
      placeholder: "Your age",
      description: "Enter your age",
      instructions: "You must be 18 or older",
      required: true,
      type: "number",
      validate: (value: string) => parseInt(value) >= 18
    }
  }}
  settingsFields={["company", "age"]}
  signUpFields={["company", "age"]}
>
  {children}
</AuthUIProvider>

On this page