Frameworks
React Integration
Use the CornerCue React package to wrap any element as a feedback trigger.
Install
npm install @cornercue/react
Basic usage
import { FeedbackButton } from "@cornercue/react";
function App() { return ( <FeedbackButton projectId="YOUR_PROJECT_ID" user={{ id: "user_123", email: "john@example.com" }} metadata={{ plan: "pro", version: "2.1.0" }} > <button className="my-feedback-btn">Give Feedback</button> </FeedbackButton> );}Main props
| Prop | Type | Required | Description |
|---|---|---|---|
projectId | string | Yes | CornerCue project ID |
user | UserInfo | null | No | User info (id, username, email) |
metadata | Metadata | null | No | Extra key-value context |
defaultType | "bug" | "feature" | "feedback" | No | Skip menu and open direct type |
config | WidgetConfig | No | Widget behavior overrides |
events | WidgetEvents | No | Event callbacks |
children | ReactNode | Yes | Trigger element |
className | string | No | Optional wrapper class |
Skip type menu
<FeedbackButton projectId="YOUR_PROJECT_ID" defaultType="bug"> <button>Report Bug</button></FeedbackButton>Event callbacks
<FeedbackButton projectId="YOUR_PROJECT_ID" events={{ onOpen: () => console.log("Widget opened"), onClose: () => console.log("Widget closed"), onSubmit: (payload) => console.log("Submitting:", payload), onSubmitSuccess: (payload) => console.log("Sent", payload), onSubmitError: (error, payload) => console.error("Failed", error, payload), }}> <button>Feedback</button></FeedbackButton>