# Reactjs

Installation

npm install changelogfy-reactjs

Import our component inside your code:

import React from "react";

import { Changelogfy } from "changelogfy-reactjs";

const App = () => {
  return (
    <div className="App">
      <button className="changelogfy-icon">
        Test
        <Changelogfy
          app_id="INSERT_YOUR_API_TOKEN_HERE"
          selector=".changelogfy-icon"
        />
      </button>
    </div>
  );
};

export default App;

You can enable or disable badge init:

init_badge = false; // default true

Pro Plan

If you plan are in Pro Plan, you can pass user data for component:

import React from "react";

import { Changelogfy } from "changelogfy-reactjs";

const App = () => {
  return (
    <div className="App">
      <button className="changelogfy-icon">
        Test
        <Changelogfy
          app_id="INSERT_YOUR_API_TOKEN_HERE"
          selector=".changelogfy-icon"
          user_id="af12f993-1a0d-3cde-4144-89af158c39e2"
          user_name="Paulo Castellano"
          user_email="paulo@changelogfy.com"
          is_following={false}
          custom_data={{
            JobRole: "CEO",
            Plan: "Pro",
            Teammates: 4,
            MonthlySpend: "50 USD",
          }}
        />
      </button>
    </div>
  );
};

export default App;

Extras: