From 26e5f8d76688d5306fb8623e85b35a3af4a0f04c Mon Sep 17 00:00:00 2001
From: Billy Vong <billyvg@users.noreply.github.com>
Date: Tue, 7 Nov 2023 17:13:08 -0500
Subject: [PATCH] docs(feedback): Add example for `openDialog()`

---
 packages/feedback/README.md | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/packages/feedback/README.md b/packages/feedback/README.md
index 7fbeb37c04f1..382b31139dd7 100644
--- a/packages/feedback/README.md
+++ b/packages/feedback/README.md
@@ -203,6 +203,29 @@ feedback.attachTo(document.querySelector('#your-button'), {
 });
 ```
 
+Alternatively you can call `feedback.openDialog()`:
+
+```typescript
+import {BrowserClient, getCurrentHub} from '@sentry/react';
+import {Feedback} from '@sentry-internal/feedback';
+
+function MyFeedbackButton() {
+    const client = hub && getCurrentHub().getClient<BrowserClient>();
+    const feedback = client?.getIntegration(Feedback);
+
+    // Don't render custom feedback button if Feedback integration not installed
+    if (!feedback) {
+        return null;
+    }
+
+    return (
+        <button type="button" onClick={() => feedback.openDialog()}>
+            Give me feedback
+        </button>
+    )
+}
+```
+
 ### Bring Your Own Widget
 
 You can also bring your own widget and UI and simply pass a feedback object to the `sendFeedback()` function.