PassageRegister
Renders the passage-register element (opens in a new tab).
src/login.tsx
import React from 'react';
import { PassageRegister } from '@passageidentity/passage-react';
export const RegisterPage: React.FC = () => {
return (
<>
<h1>Example Register Page</h1>
<PassageRegister />
</>
);
};
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 | OnSuccessCallback | 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.