Usage
import { SignIn } from "@/registry/blocks/sign-in/sign-in";
<SignIn onSubmit={() => {}} />Props
| Prop | Type | Default | Description |
|---|---|---|---|
title? | string | "Welcome back" | |
subtitle? | string | "Sign in to your workspace." | |
providers? | AuthProvider[] | [] | |
onSubmit | (values: { email: string; password?: string; mode: "password" | "link" }) => Promise<void> | void | Resolve to sign in; throw an Error to show its message | |
onProvider? | (id: string) => void | ||
forgotHref? | string | "#" | Link targets for the footer |
signUpHref? | string | "#" |
When to use
Sign-in and sign-up screens; gated areas of an app.
When not to use
Two-factor code entry (use otp-input); account settings (use settings-panel).