From bfa28f782d93c1319c4bae76362a289fca21f557 Mon Sep 17 00:00:00 2001
From: Yousef Alsayid <15058134+yalsayid@users.noreply.github.com>
Date: Wed, 8 Feb 2023 12:18:43 -0500
Subject: [PATCH] docs(dialog): add docs for using dialog in context menu or
 dropdown (#55)

---
 apps/www/content/docs/primitives/dialog.mdx | 35 +++++++++++++++++++++
 1 file changed, 35 insertions(+)

diff --git a/apps/www/content/docs/primitives/dialog.mdx b/apps/www/content/docs/primitives/dialog.mdx
index 5c1069f730..5d1f883442 100644
--- a/apps/www/content/docs/primitives/dialog.mdx
+++ b/apps/www/content/docs/primitives/dialog.mdx
@@ -57,3 +57,38 @@ import {
   </DialogContent>
 </Dialog>
 ```
+
+## Notes
+
+To activate the Dialog component from within a Context Menu or Dropdown Menu, you must encase the Context Menu or
+Dropdown Menu component in the Dialog component. For more information, refer to the linked issue [here](https://github.com/radix-ui/primitives/issues/1836).
+
+```tsx
+<Dialog>
+  <ContextMenu>
+    <ContextMenuTrigger>Right click</ContextMenuTrigger>
+    <ContextMenuContent>
+      <ContextMenuItem>Open</ContextMenuItem>
+      <ContextMenuItem>Download</ContextMenuItem>
+      <DialogTrigger asChild>
+        <ContextMenuItem>
+          <span>Delete</span>
+        </ContextMenuItem>
+      </DialogTrigger>
+    </ContextMenuContent>
+  </ContextMenu>
+  <DialogContent>
+    <DialogHeader>
+      <DialogTitle>Are you sure absolutely sure?</DialogTitle>
+      <DialogDescription>
+        This action cannot be undone. Are you sure you want to permanently delete this file from our servers?
+      </DialogDescription>
+    </DialogHeader>
+    <DialogFooter>
+        <Button type="submit">
+            Confirm
+        </Button>
+    </DialogFooter>
+  </DialogContent>
+</Dialog>
+```