# Source: https://neon.com/llms/neon-auth-components-sign-up.txt

# <SignUp />

> The document outlines the process for signing up for a Neon account, detailing the steps and components involved in the user authentication flow specific to Neon's platform.

## Source

- [<SignUp /> HTML](https://neon.com/docs/neon-auth/components/sign-up): The original HTML version of this documentation

A component that renders a sign-up page with various customization options.

For more information, see the [custom pages guide](https://neon.com/docs/neon-auth/customization/custom-pages).

## Props

- `fullPage` (optional): `boolean` — If true, renders the sign-up page in full-page mode.
- `automaticRedirect` (optional): `boolean` — If true, redirects to afterSignIn/afterSignUp URL when user is already signed in without showing the 'You are signed in' message.
- `noPasswordRepeat` (optional): `boolean` — If true, removes the password confirmation field.
- `extraInfo` (optional): `React.ReactNode` — Additional information to display on the sign-up page.
- `firstTab` (optional): `'magic-link' | 'password'` — Determines which tab is initially active. Defaults to 'magic-link' if not specified.

## Example

```tsx
import { SignUp } from '@stackframe/stack';

export default function Page() {
  return (
    <div>
      <h1>Sign Up</h1>
      <SignUp
        fullPage={true}
        automaticRedirect={true}
        firstTab="password"
        extraInfo={
          <>
            By signing up, you agree to our <a href="/terms">Terms</a>
          </>
        }
      />
    </div>
  );
}
```