<SignIn />
Full-featured UI for signing users into your application.
Overview
The <SignIn/> component renders a UI for signing in users. Learn more about the <SignIn/> component, what it does, and how it is used by reading our Sign In component guide.
Usage
1
1
Props
| Name | Type | Description |
|---|---|---|
| routing? | string | The routing strategy for your pages. Supported values are:
|
| path? | string | The path where the component is mounted on when path-based routing is used e.g. /sign-in. This prop is ignored in hash-based routing. |
| redirectUrl? | string | Full URL or path to navigate after successful sign in or sign up. The same as setting afterSignInUrl and afterSignUpUrl to the same value. |
| afterSignInUrl? | string | The full URL or path to navigate after a successful sign in. |
| afterSignUpUrl? | string | The full URL or path to navigate after a successful sign up. |
| signUpUrl? | string | Full URL or path to the sign up page. Use this property to provide the target of the "Sign Up" link that's rendered. |
Customization
The <SignIn/> component can be highly customized through the appearance prop and can be styled using CSS Modules, Tailwind, inline CSS objects, or global CSS.