<SignUp> renders a button that starts the sign-up (registration) flow when
clicked.
| Property | Type | Description |
|---|---|---|
acrValues? | string[] | Authentication Context Class Reference (ACR) values requesting specific authentication assurance levels or methods. |
appState? | ApplicationState | Custom application state preserved across the authentication round-trip. The value is provided to the OnSessionCreating hook when the session is constructed. |
audience? | string | Identifies the target API (audience) that the issued access token is intended for. |
children | ReactNode | Content rendered inside the button. |
display? | DisplayOptions | Preferred display mode for the authentication UI. |
idTokenHint? | string | A previously issued ID token sent as the id_token_hint. Commonly used alongside prompt: 'none' for silent re-authentication. |
maxAge? | number | Maximum allowed time (in seconds) since the user's last authentication. Used to force re-authentication if the time since the last sign-in exceeds this value. |
mode? | InteractionMode | Determines the interaction mode for the sign-in flow. |
resource? | string | Space-separated resources the access token should be scoped to for this specific sign-in. Merged with defaultAuthParams.resource and any indicator resources configured on the client. |
returnUrl? | string | Relative URL to navigate to after sign-in completes. |
scopes? | string | Space-separated scopes requested from the authorization server for this specific sign-in. Merged with defaultAuthParams.scopes and any indicator scopes configured on the client. |
uiLocales? | string | Preferred locale(s) for the sign-in UI. Example "en-US" |
"use client";
import { SignUp } from "@monocloud/auth-react";
export default function Home() {
return <SignUp>Create account</SignUp>;
}