⚠️ Passage will be retired on January 16, 2026. Please visit our migration guide for details on how to transition to a new authentication solution.

PassageProfile

Renders the passage-profile element.

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

NameRequiredTypeDescription
appIdNo*stringYour Passage app id.
defaultCountryCodeNo*stringISO Country code
langNo*stringDefault language
tokenStoreNoTokenStore Custom token store instance
themeNo”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.