Quickstart: Inlined React Flow

Verifying individuals with the Inlined React Flow can be easily achieved with a short code snippet. You'll only need your template ID which can be found in the Integration Section of your Dashboard.

Inlining the flow

Persona can be integrated with the following code snippet. Remember to replace templateId with your organization's template ID.
Inquiry SDK latest

import Persona from 'persona';

const InlineInquiry = () => {
  return (
    <Persona.Inquiry
      templateId='tmpl_JAZjHuAT738Q63BdgCuEJQre'
      environment='sandbox'
      onLoad={error => { console.log('Loaded inline'); }}
      onStart={inquiryId => {
        console.log(`Started inquiry ${inquiryId}`);
      }}
      onComplete={inquiryId => {
        console.log(`Sending finished inquiry ${inquiryId} to backend`);
        fetch(`/server-handler?inquiry-id=${inquiryId}`);
      }}
			prefill={{}}
    />
	);
};