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
}
}}
settings={{
fields: ["company", "age"]
}}
signUp={{
fields: ["company", "age"]
}}
>
{children}
</AuthUIProvider>