pushfeedback-react
v0.1.50
Published
PushFeeback wrapper for React
Downloads
2,347
Readme
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.