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
npm install @synaps-io/vue2-verify
yarn add @synaps-io/vue2-verify
import SynapsVerify from '@synaps-io/vue2-verify'
<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/vue2-verify'
export default {
name: "App",
components: {
SynapsVerify,
},
methods: {
print(data) {
console.log(data);
},
},
};
</script>
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. |
withFinishButton |
False |
null |
N | This will add a button close at the end of the flow this button will trigger an event finish. |
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 |
Apache 2.0 © Synaps