[ [UI.105] Specialized ] Sign Up Form

Sign Up Form

> A complete sign-up form with name, email, password, terms acceptance, and social auth. Terminal-styled and ready to use.

Import

[ [0x5B] IMPORT ]

1import { SignUpForm } from "@/components/ui/sign-in-form"

[ [0x00] SIGN UP FORM ]

Or continue with

Already have an account? Sign in

1<SignUpForm
2  onSubmit={(data) => handleSignUp(data)}
3  signInHref="/sign-in"
4  termsHref="/terms"
5  privacyHref="/privacy"
6/>

[ [0x00] WITHOUT SOCIAL AUTH ]

Already have an account? Sign in

1<SignUpForm socialProviders={[]} />

[ [0x00] WITH ERROR ]

[ERROR]: This email is already registered.

Already have an account? Sign in

1<SignUpForm error="This email is already registered." />

[ [0x00] API REFERENCE ]

Prop	Type	Default	Description
onSubmit	`(data: SignUpFormData) => void \| Promise<void>`	-	Form submission handler.
socialProviders	`SocialProvider[]`	-	Social auth provider buttons.
signInHref	`string`	`"/sign-in"`	Sign in link URL.
termsHref	`string`	`"/terms"`	Terms of service link URL.
privacyHref	`string`	`"/privacy"`	Privacy policy link URL.
isLoading	`boolean`	`false`	Loading/submitting state.
error	`string`	-	Error message to display.

[ [0x58] A11Y ]

[ [UI.105] Specialized ] Sign Up Form

> A complete sign-up form with name, email, password, terms acceptance, and social auth. Terminal-styled and ready to use.

[ [0x5B] IMPORT ]

1import { SignUpForm } from "@/components/ui/sign-in-form"

[ [0x00] SIGN UP FORM ]

Or continue with

Already have an account? Sign in

1<SignUpForm
2  onSubmit={(data) => handleSignUp(data)}
3  signInHref="/sign-in"
4  termsHref="/terms"
5  privacyHref="/privacy"
6/>

[ [0x00] WITHOUT SOCIAL AUTH ]

Already have an account? Sign in

1<SignUpForm socialProviders={[]} />

[ [0x00] WITH ERROR ]

[ERROR]: This email is already registered.

Already have an account? Sign in

1<SignUpForm error="This email is already registered." />

[ [0x00] API REFERENCE ]

Prop	Type	Default	Description
onSubmit	`(data: SignUpFormData) => void \| Promise<void>`	-	Form submission handler.
socialProviders	`SocialProvider[]`	-	Social auth provider buttons.
signInHref	`string`	`"/sign-in"`	Sign in link URL.
termsHref	`string`	`"/terms"`	Terms of service link URL.
privacyHref	`string`	`"/privacy"`	Privacy policy link URL.
isLoading	`boolean`	`false`	Loading/submitting state.
error	`string`	-	Error message to display.

[ [0x58] A11Y ]