Renders a sign-in component with customizable options.

For more information, please refer to the custom pages guide.

Props

• fullPage (optional): boolean - If true, renders the sign-in page in full-page mode.
• automaticRedirect (optional): boolean - If true, redirect to afterSignIn URL if the user is already signed-in.
• extraInfo (optional): React.ReactNode - Additional content to be displayed on the sign-in page.
• firstTab (optional): 'magic-link' | 'password' - Determines which tab is initially active. Defaults to ‘magic-link’ if not specified.

Example

1
import { SignIn } from '@stackframe/stack';
2
3
export default function Page() {
4
  return (
5
    <div>
6
      <h1>Sign In</h1>
7
      <SignIn
8
        fullPage={true}
9
        automaticRedirect={true}
10
        firstTab='password'
11
        extraInfo={<>When signing in, you agree to our <a href="/terms">Terms</a></>}
12
      />
13
    </div>
14
  );
15
}