@regulaforensics/vp-frontend-components

Regula framework agnostic web components to work with webcamera

Usage no npm install needed!

<script type="module">
  import regulaforensicsVpFrontendComponents from 'https://cdn.skypack.dev/@regulaforensics/vp-frontend-components';
</script>

README

vp-frontend-components

node version npm

This repository contains the source code of the UI components. You can explore the library of components using Storybook.

Install

Сlone this repository:

git clone https://github.com/regulaforensics/vp-frontend-components

Go to the folder and install dependencies:

cd vp-frontend-components
npm install

Done!

Сomponents explore

Use Storybook to view components:

npm run storybook

Storybook is available at http://localhost:6006/

Build

To build a project:

npm run build

Example of using components

  1. Create HTML file;
  2. Connect bundle .js file;
  3. Add component name (example: <face-liveness-wc></face-liveness-wc>).
  4. Enjoy!

Final view:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>My app</title>
  </head>
  <body>
    <face-liveness-wc></face-liveness-wc>
    <script src="dist/main.js"></script>
  </body>
</html>