Skip to content
🚀 React components for integrating with Trulioo
JavaScript HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github/workflows
.vscode
examples/src
public
src
.babelrc
.eslintignore
.eslintrc.js
.gitignore
.stylelintignore
.stylelintrc
CHANGELOG.md
CONTRIBUTING.md
LICENSE
README.md
STYLING.md
TRULIOO_FIELDS.md
package-lock.json
package.json removed console statements Oct 31, 2019
webpack.config.js

README.md

trulioo-react

Github Coverage Status Language grade: JavaScript Known Vulnerabilities

npm downloads FOSSA Status dependencies Status devDependencies Status peerDependencies Status Try on RunKit

code style: eslint semantic-release npm version PRs Welcome

Install

npm install trulioo-react

Description

Trulioo EmbedID⚡ provides instant identity verification utilizing Trulioo's API. Get your API key from Trulioo's Developers Portal.

Use

import { EmbedID } from 'trulioo-react';

const handleResponse = (e) => {
    // handle verification submission result here ...
}

<EmbedID url='SERVER_URL' handleResponse={handleResponse} />

Customize additional fields

Example of additional fields on base level:

const simpleExample = {
  field1: {
    title: 'What is your name?',
    type: 'string',
  },
  field2: {
    title: 'What is your age?',
    type: 'number',
  },
  field3: {
    title: 'What is your favourite color?',
    type: 'string',
    enum: ['red', 'yellow', 'blue'],
  },
};

Example of additional fields section with required fields:

const additionalFields = {
  title: 'Additional Fields',
  type: 'object',
  required: ['name', 'age'],
  properties: {
    name: {
      title: 'What is your name?',
      type: 'string',
    },
    age: {
      title: 'What is your age?',
      type: 'number',
    },
    color: {
      title: 'What is your favourite color?',
      type: 'string',
      enum: ['red', 'yellow', 'blue'],
    },
  },
};

Render <EmbedID/> :

render(
  <EmbedID
    url="http://localhost:3111"
    handleResponse={handleResponse}
    additionalFields={additionalFields}
    handleSubmit={handleSubmit}
  />,
  document.getElementById('root'),
);

See styling guide on how to style form according to your needs.

Add Bootstrap CSS for better looks 💇🏼

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

Best Practice

Trulioo EmbedID passes user input data to your server. When developing systems that consume internet exposed fields for the purpose of data collection, ensure you take all necessary precautions to protect your system from from denial of service attacks, exploits or security vulnerabilities. Please refer to the Legal disclaimer on the Trulioo Developer Portal.

Learn More Follow on Twitter

Trulioo is a global identity verification company that provides secure access to reliable and independent data sources to instantly verify individuals and business entities online. Hundreds of organizations across the world use GlobalGateway, Trulioo’s RESTful API used to verify five billion people and 250 million businesses across 195 countries. In addition to helping organizations meet compliance requirements, GlobalGateway also streamlines the customer onboarding process, mitigates risk, and performs the first layer of defense against fraud. Learn more about Trulioo.

License

Apache 2

FOSSA Status

You can’t perform that action at this time.