pushfeedback-react

pushfeedback-react

Feedback widget for React.

Prerequisites

Before proceeding, ensure you have:

• A PushFeedback account.
• A project set up in your PushFeedback dashboard.
• A React application with Node.js installed.

Installation

• Open your terminal or command prompt.

• Navigate to your project's root directory:

  cd path/to/your/project
  

  Replace path/to/your/project with the actual path to your project directory.

• Install PushFeedback by running:

  npm install pushfeedback-react
  

  INFO: If you're using yarn, use yarn add pushfeedback-react instead.

• In the main component where you want the feedback button to appear (commonly src/App.js), import and embed the PushFeedback button:

  import React, { useEffect } from 'react';
  import { FeedbackButton } from 'pushfeedback-react';
  import { defineCustomElements } from 'pushfeedback/loader';
  import 'pushfeedback/dist/pushfeedback/pushfeedback.css';
  
  function App() {
      
      useEffect(() => {
          if (typeof window !== 'undefined') {
          defineCustomElements(window);
          }
      }, []);
  
      return (
          <div className="App">
              {/* Other components and content */}
              <FeedbackButton project="<YOUR_PROJECT_ID>" button-position="bottom-right" modal-position="bottom-right" button-style="light">Feedback</FeedbackButton>
          </div>
      );
  }
  
  export default App;
  

  Replace <YOUR_PROJECT_ID> with your project's ID from the PushFeedback dashboard.

• After compiling your application, the feedback button should be visible and functional on your site.

Configuration

For further customization and to explore additional features, refer to the Configuration section.

Support

Need assistance? Contact us for help.

License

Copyright (c) 2023 PushFeedback

Licensed under the MIT License.