Commonninja-react NPM

Common Ninja for React

A small library for using Common Ninja's widgets in React projects.

A list of all available widgets could be found here: https://www.commoninja.com/widgets

Start by installing the library in your project:

// npm
npm i commonninja-react

// yarn
yarn add commonninja-react

Then, add the following code where you want the widget to appear in your React app:

import { CommonNinjaWidget } from 'commonninja-react';

const MyComponent = () => {
  return (
    <CommonNinjaWidget
      widgetId=""
    />
  );
}

Here's a list of available props for the <CommonNinjaWidget /> component:

muteEvents - set to true if you don't want your widget to report engagement events for analytics (views, impressions, custom events, etc.).
onLoad - a callback that will dispatch once the widget has been loaded completely.
widgetProps - a string that will be passed to the viewer's url. Please note that this property isn't being used in most of apps.