Sign Up
A comprehensive registration card with live password strength metrics, password confirmation matching, terms validation, and social onboarding.
Create an account
Join EasyUI to access components and templates
Or sign up with email
Installation
Add the component directly to your repository using shadcn CLI:
npx shadcn@latest add Surajmaurya1/easyui/sign-up
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | 'Create an account' | Primary card title text |
| description | string | 'Join EasyUI to access components and templates' | Subtitle description below the title |
| logo | React.ReactNode | <SparklesIcon /> | Brand badge or logo displayed at the top |
| error | string | null | null | Server-side registration error banner message |
| isLoading | boolean | false | Submitting state displaying loader on submit button |
| onSubmit | (data: SignUpFormData) => void | undefined | Form submission callback with name, email, password, confirmPassword, agreeToTerms |
| onSignInClick | () => void | undefined | Callback for switching to login view |
| showSocialSignUp | boolean | true | Toggles GitHub and Google SSO buttons |
| requireConfirmPassword | boolean | true | Includes confirmation password field and checks match |
| termsText | React.ReactNode | Default Terms & Privacy links | Custom agreement label text or JSX |