SignUp | React | MonoCloud

<SignUp> renders a button that starts the sign-up (registration) flow when clicked.

Props

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.
`children`	`ReactNode`	Content rendered inside the button.
`display?`	`DisplayOptions`	Preferred display mode for the authentication UI.
`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"`

src/SignUpButton.tsx

"use client";

import { SignUp } from "@monocloud/auth-react";

export default function Home() {
  return <SignUp>Create account</SignUp>;
}