FeedbackWidget Component

The FeedbackWidget is the core component of Feedback Evolution. It provides a widget that allows your users to submit feedback, feature requests, and bug reports directly from your application.

Live Demo

Basic Usage

The simplest way to use the FeedbackWidget:

import { FeedbackWidget } from "feedback-evolution-widget-react";
import "feedback-evolution-widget-react/styles.css";

<FeedbackWidget 
  projectId="your-project-id"
  triggerComponent={<button>Give Feedback</button>}
/>

Props

Prop	Type	Default	Description
projectId	string	-	Required. Your project's unique identifier
triggerComponent	ReactNode	null	Optional. Component that triggers the widget to open
open	boolean	false	Optional. Controls if the widget is open
closable	boolean	true	Optional. Whether the widget can be closed
user	object	null	Optional. User information (email, name)

Advanced Examples

With user information:

<FeedbackWidget 
  projectId="your-project-id"
  triggerComponent={<button>Feedback</button>}
  user={{
    email: "user@example.com",
    name: "John Doe"
  }}
/>

Always open widget:

<FeedbackWidget 
  projectId="your-project-id"
  open={true}
  closable={false}
/>