<SignUpButton>
The <SignUpButton>
component is a button that links to the sign-up page or displays the sign-up modal.
<SignUpButton>
properties
- Name
forceRedirectUrl?
- Type
string
- Description
If provided, this URL will always be redirected to after the user signs up. It's recommended to use the environment variable instead.
- Name
fallbackRedirectUrl?
- Type
string
- Description
The fallback URL to redirect to after the user signs up, if there's no
redirect_url
in the path already. Defaults to/
. It's recommended to use the environment variable instead.
- Name
signInForceRedirectUrl?
- Type
string
- Description
If provided, this URL will always be redirected to after the user signs in. It's recommended to use the environment variable instead.
- Name
signInFallbackRedirectUrl?
- Type
string
- Description
The fallback URL to redirect to after the user signs in, if there's no
redirect_url
in the path already. Defaults to/
. It's recommended to use the environment variable instead.
- Name
mode?
- Type
'redirect' | 'modal'
- Description
Determines what happens when a user clicks on the
<SignUpButton>
. Setting this to'redirect'
will redirect the user to the sign-up route. Setting this to'modal'
will open a modal on the current route.
Defaults to'redirect'
- Name
children?
- Type
React.ReactNode
- Description
Children you want to wrap the
<SignUpButton>
in.
Custom usage
In some cases, you will want to use your own button, or button text. You can do that by wrapping your button in the <SignUpButton>
component.