From baf6322338f6022ca54baa1483a5454d0903a498 Mon Sep 17 00:00:00 2001
From: Brian Garland <v-brgarl@microsoft.com>
Date: Thu, 19 Apr 2018 16:49:50 -0700
Subject: [PATCH 1/3] enable native props

---
 .../office-ui-fabric-react/src/components/Panel/Panel.tsx     | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/packages/office-ui-fabric-react/src/components/Panel/Panel.tsx b/packages/office-ui-fabric-react/src/components/Panel/Panel.tsx
index 8aae33f9273c8a..e58e92244455cf 100644
--- a/packages/office-ui-fabric-react/src/components/Panel/Panel.tsx
+++ b/packages/office-ui-fabric-react/src/components/Panel/Panel.tsx
@@ -5,7 +5,9 @@ import * as React from 'react';
 import {
   BaseComponent,
   css,
+  divProperties,
   getId,
+  getNativeProps,
   getRTL,
   createRef
 } from '../../Utilities';
@@ -102,6 +104,7 @@ export class Panel extends BaseComponent<IPanelProps, IPanelState> implements IP
     const isOnRightSide = isRTL ? isLeft : !isLeft;
     const headerTextId = headerText && id + '-headerText';
     const customWidthStyles = (type === PanelType.custom) ? { width: customWidth } : {};
+    const nativeProps = getNativeProps(this.props, divProperties);
 
     if (!isOpen && !isAnimating && !isHiddenOnDismiss) {
       return null;
@@ -137,6 +140,7 @@ export class Panel extends BaseComponent<IPanelProps, IPanelState> implements IP
           }
         >
           <div
+            { ...nativeProps }
             className={
               css(
                 'ms-Panel',

From b2109521a9dfd14a43c8887e3dce51add12d6f16 Mon Sep 17 00:00:00 2001
From: Brian Garland <v-brgarl@microsoft.com>
Date: Thu, 19 Apr 2018 16:53:14 -0700
Subject: [PATCH 2/3] update documentation

---
 .../office-ui-fabric-react/src/components/Panel/PanelPage.tsx    | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/office-ui-fabric-react/src/components/Panel/PanelPage.tsx b/packages/office-ui-fabric-react/src/components/Panel/PanelPage.tsx
index e6d948cfb3b925..977e46bfde38a2 100644
--- a/packages/office-ui-fabric-react/src/components/Panel/PanelPage.tsx
+++ b/packages/office-ui-fabric-react/src/components/Panel/PanelPage.tsx
@@ -43,6 +43,7 @@ export class PanelPage extends React.Component<IComponentDemoPageProps, {}> {
         title='Panel'
         componentName='PanelExample'
         componentUrl='https://github.com/OfficeDev/office-ui-fabric-react/tree/master/packages/office-ui-fabric-react/src/components/Panel'
+        allowNativeProps={ true }
         exampleCards={
           <div>
             <ExampleCard title='Panel - Small Panel, Anchored Right, Fixed Width' code={ PanelSmallRightExampleCode }>

From 0374bf8ad8a80daf3e38822a270347e8cd4921be Mon Sep 17 00:00:00 2001
From: Brian Garland <v-brgarl@microsoft.com>
Date: Thu, 19 Apr 2018 16:54:09 -0700
Subject: [PATCH 3/3] rush change

---
 .../panel-nativeprops-3634_2018-04-19-23-53.json      | 11 +++++++++++
 1 file changed, 11 insertions(+)
 create mode 100644 common/changes/office-ui-fabric-react/panel-nativeprops-3634_2018-04-19-23-53.json

diff --git a/common/changes/office-ui-fabric-react/panel-nativeprops-3634_2018-04-19-23-53.json b/common/changes/office-ui-fabric-react/panel-nativeprops-3634_2018-04-19-23-53.json
new file mode 100644
index 00000000000000..bb18d1f2704ec2
--- /dev/null
+++ b/common/changes/office-ui-fabric-react/panel-nativeprops-3634_2018-04-19-23-53.json
@@ -0,0 +1,11 @@
+{
+  "changes": [
+    {
+      "packageName": "office-ui-fabric-react",
+      "comment": "Added support for native props on Panel for the root div with class ms-Panel",
+      "type": "minor"
+    }
+  ],
+  "packageName": "office-ui-fabric-react",
+  "email": "v-brgarl@microsoft.com"
+}
\ No newline at end of file