<SignIn/>

import { SignIn } from '@auth/clerk'

Sign-in 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 SignIn component renders the exact same Clerk UI component from @clerk/nextjs:

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

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

Usage in Expo apps

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

The SignIn 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:

<SignIn
    title="Sign in to FullProduct.dev"
    subtitle="Welcome back! Please sign in to continue."
    ssoProviders={['google', 'github']}
    forceRedirectUrl={'/after-sign-in'}
    enableEmailPassword={true}
/>