react-dadan-sdk v2.4.1

React Dadan SDK

A lightweight React package which used for checking, validating, and manipulating Google Dadan Extension with React.

Install

npm install react-dadan-sdk
Or
yarn add react-dadan-sdk

Usage

In Your component import the following

import React, { useState } from "react";
import { RecordVideoButton } from "react-dadan-sdk";

In Your component add RecordVideoButton as below

function App() {
  const [videos, setVideos] = useState([]);
  return (
    <>
      <RecordVideoButton
        showSvg={true}
        title="Select Video"
        copyToClipboard={true}
        showPreview={true}
        type="select"
        buttonClass="dd__record__button__default__class"
        buttonStyle={{}}
        onFailure={handleResponse}
        onSuccess={handleResponse}
      />
    </>
  );
}

the handleResponse function , is a callback function which accept object with three parameters

function handleResponse({ success, data, message }) {
  if (success) {
    // only false when user close extension
    if (data) {
      // represnts the selected videos , or recorded video object after stop recording
      setVideos(data);
    }
  } else {
    setVideos([]);
    console.error(message); //User Closed Extension
  }
}

Record Button Props

License

MIT