PassageProfile

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

src/login.tsx

import React from 'react';
import { PassageProfile } from '@passageidentity/passage-react';
 
export const ProfilePage: React.FC = () => {
    return (
        <>
            <h1>Example Profile Page</h1>
            <PassageProfile />
        </>
    );
};

Props

Name	Required	Type	Description
appId	No*	string	Your Passage app id.
defaultCountryCode	No*	string	ISO Country code
lang	No*	string	Default language
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.