PassageAuth

Renders the passage-auth element (opens in a new tab).

src/login.tsx

import React from 'react';
import { PassageAuth } from '@passageidentity/passage-react';
 
export const AuthPage: React.FC = () => {
    return (
        <>
            <h1>Example Login or Register Page</h1>
            <PassageAuth />
        </>
    );
};

Props

Name	Required	Type	Description
appId	No*	string	Your Passage app id.
defaultCountryCode	No*	string	ISO Country code
lang	No*	string	Default language
beforeAuth	No	BeforeAuthCallback	Method to call before authentication
onSuccess	No	OnSuccessCallbackCallback	Method to call on authentication success
onEvent	No	OnEventCallback	Method to call on a defined set of events in element
tokenStore	No	TokenStore	Custom token store instance
theme	No	"light", "dark", "auto"	Use a light, dark, or auto theme

*Note: If not using the PassageProvider the appId property is required. If using the PassageProvider appId, defaultCountryCode, and lang props will be loaded from the PassageProvider but if passed in will override the values for this component instance only.