For React
Our package is available on NPM
React
# Install via NPM
npm install @feedbackfarm/react
Suppose that you have a React website looking like this
// index.jsx
export default function MyPage() {
return (
<div>
<button>Give feedback</Button>
</div>
)
}
You then want to wrap your trigger, in this case the button, to the feedback farm widget. You simply need to do like so 👇
// index.jsx
import { FeedbackFarm } from '@feedbackfarm/react';
export default function MyPage() {
return (
<div>
<FeedbackFarm projectId="project_id">
<button>Give feedback</Button>
</FeedbackFarm>
</div>
)
}
Now when you click the button, you should see the widget.
Now that you have the widget working correctly, the widget support some properties that will allow you to customize it. Here's the available properties.
Property Name | Value Type | Description |
---|---|---|
endImageUrl | string | A url to an image that you would like to show when the user submit a feedback. |
identifier | string | A string identifier that represent the user submitting the feedback. Ex: userId, email, ... |
localization | You can update the widget default text | |
pageName | string | The page where the feedback was submitted |
projectId | string* | Feedback Farm project identifier |
theme | You can specify a theme that will override the default one | |
types | You can replace the default type, Feature ; Bug ; Other by your own |
*required
Last modified 7mo ago