2.3.0 • Published 7 months ago

@truv/react v2.3.0

Weekly downloads
-
License
ISC
Repository
-
Last release
7 months ago

Truv React Bridge npm version

React library for integrating with the Truv Bridge

Install

With npm:

npm install @truv/react --save

With yarn

yarn add -S @truv/react

Usage

Modal

import { useState } from 'react';
import TruvBridge from '@truv/react';

const ModalBridge = () => {
  const [isOpened, setOpened] = useState(false);

  return (
    <>
      <button onClick={() => setOpened(true)}>Open</button>
      <TruvBridge
        bridgeToken="<previously generated bridge token>" // more info https://docs.truv.com/reference/bridge-tokens_create
        onClose={() => setOpened(false)}
        onSuccess={(publicToken, metaData) => {
          console.log(publicToken, metaData);
        }}
        isOpened={isOpened}
      />
    </>
  );
}

Inline

import { useState } from 'react';
import { TruvBridgeInline } from '@truv/react';

const InlineBridge = () => {
  const [isOpened, setOpened] = useState(false);

  return (
    <>
      <button onClick={() => setOpened(true)}>Open</button>
      <TruvBridgeInline
        // We can pass the properties of the div element here
        style={{ width: '300px', height: '500px', backgroundColor: 'red' }}
        // Required parameters for opening the bridge
        isOpened={isOpened}
        bridgeParams={{
          bridgeToken: "<previously generated bridge token>", // more info https://docs.truv.com/reference/bridge-tokens_create
          onClose: () => setOpened(false),
          onSuccess: () => {
            console.log('Success');
          }
        }}
      />
    </>
  );
}
2.3.0

7 months ago

2.3.0-rc.1

7 months ago

2.2.0

1 year ago

2.2.0-rc.1

1 year ago

2.1.2

2 years ago

2.1.1

2 years ago

2.1.0

2 years ago

2.0.2

3 years ago