<SignUp/>

import { SignUp } from '@auth/clerk'

Sign-up card with support for multiple authentication methods, including email/password and social logins.

Works on both web and React Native (Expo) platforms, but with a smaller API surface / config on Mobile.

Usage in Next.js

In Next.js, the SignUp component renders the exact same Clerk UI component from @clerk/nextjs:

• https://clerk.com/docs/nextjs/reference/components/authentication/sign-up

There are no limitations so anything in the Clerk SignUp component docs should work on web.

Usage in Expo apps

In Expo, we built a native version of the SignUp component similar to the Clerk UI one, but with React Native.

The SignUp component will present you with some social login options, and an email/password sign-in form.

Use the ssoProviders prop to customize which social login options to show:

<SignUp
    title="Sign in to FullProduct.dev"
    subtitle="Welcome! Please fill in the details to get started."
    ssoProviders={['github']}
    forceRedirectUrl={options?.forceRedirectUrl as string | undefined}
    enableEmailPassword={false}
    legalLinks={{
        termsOfService: '/eula',
        privacyPolicy: '/privacy-policy',
    }}
/>

Legal Links

If the legalLinks prop is provided, a checkbox will be shown below the sign-up options. The user must check this box to proceed with the sign-up process.

In Next.js, this will happen automatically based on your config in the Clerk dashboard.