0.0.2 • Published 4 years ago
@prakhars/connect.js v0.0.2
@mono.co/connect.js
Repository for connect.js, Mono connect widget script.
Request access here to get your API keys
Installation
yarn add @mono.co/connect.js
or
npm install @mono.co/connect.js
Usage
import React from 'react';
import MonoConnect from '@mono.co/connect.js';
export default function App() {
const monoConnect = React.useMemo(() => {
const monoInstance = new MonoConnect("PUBLIC_KEY", {
onClose: () => console.log('Widget closed'),
onLoad: () => console.log('Widget loaded successfully'),
onSuccess: ({ code }) => console.log(`Linked successfully: ${code}`)
})
monoInstance.setup()
return monoInstance;
}, [])
return (
<div>
<button onClick={() => monoConnect.open()}>
Authenticate with Mono
</button>
</div>
)
}
Parameters
To create an instance of the connect object, you can pass the following parameters:
Param | Required | Type |
---|---|---|
key | true | string |
options: onClose: () => void , onLoad: () => void , onSuccess: ({ code }) => void | false | object |
Connect object properties
The connect object returns some properties for you to be able interact with the widget:
Function | Description |
---|---|
setup() | Adds the widget iframe to the DOM |
close() | Hides the widget |
open() | Makes the widget visible |
0.0.2
4 years ago