Email Verification Component

This component is intended to be displayed to the user at the end of the account creation flow. The copy explains that the user will be sent a verification email to the email address they used during registration, and it includes a Call To Action to trigger resending that verification email.

Props

Name	Description	Default
account	Object containing the id and email of the account	-
onError	Function that will be invoked when the request to resend verification fails	-
onSuccess	Function that will be invoked when the request to resend verification succeeds. Note that this does not guarantee that the email has now be sent, only that it is requested	-
mode	EmailVerification is designed to be used in two different places. When the user first signs up (registration), and if they sign in and haven’t yet verified their email (sign-in). Changing this prop will determine the text shown to the user.	sign-in

Context

This component requires CHP Context.

Example

Example usage

import { EmailVerification } from '@truepill/chp-components';

<EmailVerification account={{ id: '12345', email: 'test@falsepill.com' }} />

Playground

Live Editor

function App() { return ( <CHPProvider tenantId="chp-dev-tenant-a" baseUrl="https://chp.falsepill.com"> <EmailVerification account={{ id: '123', email: 'test@falsepill.com' }} /> </CHPProvider> ); }

function App() {
  return (
    <CHPProvider tenantId="chp-dev-tenant-a" baseUrl="https://chp.falsepill.com">
      <EmailVerification account={{ id: '123', email: 'test@falsepill.com' }} />
  </CHPProvider>
  );
}

Result

Loading...