diff --git a/src/components/overlaypanel/OverlayPanel.d.ts b/src/components/overlaypanel/OverlayPanel.d.ts
index 54527e768..7c90631f1 100755
--- a/src/components/overlaypanel/OverlayPanel.d.ts
+++ b/src/components/overlaypanel/OverlayPanel.d.ts
@@ -1,6 +1,7 @@
 import Vue, { VNode } from 'vue';
 
 export declare class OverlayPanel extends Vue {
+    id?: string;
     ismissable?: boolean;
     showCloseIcon?: boolean;
     appendTo?: string;
@@ -13,4 +14,4 @@ export declare class OverlayPanel extends Vue {
     $slots: {
         '': VNode[];
     }
-}
\ No newline at end of file
+}
diff --git a/src/views/overlaypanel/OverlayPanelDoc.vue b/src/views/overlaypanel/OverlayPanelDoc.vue
index 2b0b539b9..eeeb263fa 100755
--- a/src/views/overlaypanel/OverlayPanelDoc.vue
+++ b/src/views/overlaypanel/OverlayPanelDoc.vue
@@ -52,6 +52,12 @@ toggle(event) {
                             </tr>
 						</thead>
 						<tbody>
+                            <tr>
+                                <td>id</td>
+                                <td>string</td>
+                                <td>null</td>
+                                <td>Unique identifier of the element.</td>
+                            </tr>
                             <tr>
                                 <td>dismissable</td>
                                 <td>boolean</td>
@@ -216,4 +222,4 @@ export default {
 			</TabPanel>
 		</TabView>
 	</div>
-</template>
\ No newline at end of file
+</template>