diff --git a/api-generator/components/dialog.js b/api-generator/components/dialog.js
index 7180fd02c..78e3cc506 100644
--- a/api-generator/components/dialog.js
+++ b/api-generator/components/dialog.js
@@ -125,6 +125,12 @@ const DialogProps = [
         default: "true",
         description: "Keeps dialog in the viewport when dragging."
     },
+    {
+        name: "appendTo",
+        type: "string",
+        default: "body",
+        description: 'A valid query selector or an HTMLElement to specify where the dialog gets attached. Special keywords are "body" for document body and "self" for the element itself.'
+    }
 ];
 
 const DialogEvents = [
diff --git a/src/components/dialog/Dialog.d.ts b/src/components/dialog/Dialog.d.ts
index 2ce8bb7a0..677c2ad58 100755
--- a/src/components/dialog/Dialog.d.ts
+++ b/src/components/dialog/Dialog.d.ts
@@ -18,10 +18,11 @@ interface DialogProps {
     position?: string;
     maximizable?: boolean;
     breakpoints?: {[key: string]: string};
-    draggable: boolean;
-    keepInViewPort: boolean;
-    minX: number;
-    minY: number;
+    draggable?: boolean;
+    keepInViewPort?: boolean;
+    minX?: number;
+    minY?: number;
+    appendTo?: string;
 }
 
 declare class Dialog {