Documentation Index Fetch the complete documentation index at: https://auth0.generaltranslation.app/llms.txt
Use this file to discover all available pages before exploring further.
import React , { useState } from "react" ;
import { useScreen , useTransaction , login , useErrors } from "@auth0/auth0-acul-react/login-password" ;
import { Logo } from "../../components/Logo" ;
Context Hooks
Hook to access branding and theme configuration. import { useBranding } from '@auth0/auth0-acul-react/login-id' ;
function CustomTheme () {
const branding = useBranding ();
}
Hook to access Auth0 application (client) configuration. import { useClient } from '@auth0/auth0-acul-react/login-id' ;
function AppInfo () {
const client = useClient ();
}
Hook to access organization context and settings. import { useOrganization } from '@auth0/auth0-acul-react/login-id' ;
function OrgSelector () {
const organization = useOrganization ();
if ( ! organization ) {
return < p > No organization context </ p > ;
}
}
Hook to access prompt configuration and flow settings. import { usePrompt } from '@auth0/auth0-acul-react/login-id' ;
function FlowInfo () {
const prompt = usePrompt ();
}
Hook to access current screen information and metadata. Screen object containing current screen name, configuration, and screen-specific data import { useScreen } from '@auth0/auth0-acul-react/login-id' ;
function ScreenDebug () {
const screen = useScreen ();
}
Hook to access tenant configuration and settings. import { useTenant } from '@auth0/auth0-acul-react/login-id' ;
function TenantInfo () {
const tenant = useTenant ();
}
Hook to access transaction state and authentication flow data. Transaction object containing flow state, session data, and transaction-specific information import { useTransaction } from '@auth0/auth0-acul-react/login-id' ;
function TransactionInfo () {
const transaction = useTransaction ();
}
Hook to access untrusted data from URL parameters and form submissions. import { useUntrustedData } from '@auth0/auth0-acul-react/login-id' ;
function PrefilledForm () {
const untrustedData = useUntrustedData ();
}
Hook to access user information and profile data. import { useUser } from '@auth0/auth0-acul-react/login-id' ;
function UserProfile () {
const user = useUser ();
}
Methods
Properties Properties BrandingSettings export interface BrandingSettings {
colors ?: {
primary ?: string ;
pageBackground ?:
| string
| {
type : string ;
start : string ;
end : string ;
angleDegree : number ;
};
};
faviconUrl ?: string ;
logoUrl ?: string ;
fontUrl ?: string ;
}
Properties pageBackground?
string | { angleDegree: number; end: string; start: string; type: string; }
BrandingThemes export interface BrandingThemes {
default : {
borders : Record < string , string | boolean | number >;
colors : Record < string , string >;
displayName : string ;
fonts : Record < string , string | boolean | object >;
pageBackground : Record < string , string >;
widget : Record < string , string | number >;
};
}
Properties borders
Record<string, string | boolean | number>
fonts
Record<string, string | boolean | object>
widget
Record<string, string | number>
Properties metadata
{[key: string]: string; }
Properties metadata
{[key: string]: string; }
Properties authorizationParams
{ [key: ext-${string} ]: string; login_hint?: string; screen_hint?: string; ui_locales?: string; }
submittedFormData
{[key: string]: string | number | boolean | null | undefined; }
Properties appMetadata
{[key: string]: string; }
userMetadata
{[key: string]: string; }
Methods
Common/Utility Hooks