0.0.5 • Published 2 years ago
@synaps-io-pre-prod/vue3-verify v0.0.5
vue-verify
Synaps Vue Verify SDK
Synaps is an all-in-one compliance platform. It offers a simple, fast and secure way to meet compliance requirements at scale.
Visit Synaps.io | Read the Synaps documentation
Install
With npm
npm install @synaps-io-pre-prod/vue3-verifyWith yarn
yarn add @synaps-io-pre-prod/vue3-verifyImport
import SynapsVerify from '@synaps-io-pre-prod/vue3-verify'Usage
<template>
<div id="app">
<synaps-verify
sessionId="f3243476-cec44c4a-5565ccd6-e7e9622d"
:color="{ primary: '212b39', secondary: 'ffffff' }"
lang="en"
service="individual"
@ready="print('ready')"
@finish="print('finish')"
/>
</div>
</template>
<script>
import SynapsVerify from '@synaps-io-pre-prod/vue3-verify'
export default {
name: "App",
components: {
SynapsVerify,
},
methods: {
print(data) {
console.log(data);
},
},
};
</script>Props list
| Prop name | Prop type | Default | Required | Description |
|---|---|---|---|---|
sessionId | string | '' | Y | Session can be referred as a customer verification session. More info |
service | string | '' | Y | individual - for know your customer corporate - for know your business |
lang | string | 'en' | N | Event listener called on every open/close action |
tier | int | null | N | Tier is a simply way to divide your workflow into small pieces. It is very useful when you offer different features based on the verification level of your customer. More info |
color | {primary : string, secondary: string} | null | N | You can set a primary color and a secondary color, it will create a verification flow tailored to your compliance needs and your brand. |
ready | event | null | N | Event emited called when the page is fully loaded |
finish | event | null | N | Event emited called when the user finished verification |
Examples
License
Apache 2.0 © Synaps