ReactUserSignUp
A production-ready registration form with built-in validation for name, email format, and password strength. Automatically assigns a default role when none is provided.
Usage
Wrap the component inside AuthixProvider.
Jsx
1import { AuthixProvider, ReactUserSignUp } from "@neuctra/authix";
2
3<AuthixProvider authix={authix}>
4 <ReactUserSignUp
5 showAvatar={true}
6 roles={["buyer", "seller"]}
7 showRoleSelector={true}
8 loginUrl="/login"
9 onSuccess={(user) => console.log("Signed up:", user)}
10 />
11</AuthixProvider>Props
Configuration options for customizing the signup form.
| Prop | Type | Default | Description |
|---|---|---|---|
logoUrl | string | — | Logo image URL |
logoLinkUrl | string | / | Logo link href (defaults to home) |
title | string | "Create Your Account" | Form title |
subtitle | string | "Join our platform today" | Form subtitle |
primaryColor | string | "#00C214" | Primary accent color |
gradient | string | green gradient | Background gradient style |
darkMode | boolean | true | Enable dark theme |
showAvatar | boolean | false | Enable avatar upload field |
roles | string[] | [] | Available roles list |
showRoleSelector | boolean | false | Show role toggle UI |
loginUrl | string | — | Redirect URL for login page |
onSuccess | (user) => void | — | Triggered after successful signup |
onError | (error) => void | — | Triggered on signup failure |
SDK Method Used
The component internally uses the following Neuctra Authix SDK method.
signupUser({ name, email, password, role, avatarUrl? })