1 files changed, 10 insertions, 0 deletions

diff --git a/js/panels/Panel.reel/Panel.js b/js/panels/Panel.reel/Panel.js
index 0c5f0b4b..3783459e 100755
--- a/js/panels/Panel.reel/Panel.js
+++ b/js/panels/Panel.reel/Panel.js
@@ -13,6 +13,10 @@ exports.Panel = Montage.create(Component, {
         value: "Panel"
     },
 
+    groups: {
+        value: []
+    },
+
     _collapsed: {
         value: false
     },
@@ -148,6 +152,12 @@ exports.Panel = Montage.create(Component, {
                 this.application.ninja.colorController.colorView = this.application.ninja.colorController.colorPanelBase.create();
             }
 
+            if(this.groups) {
+                this.groups.forEach(function(className) {
+                    this.element.classList.add(className);
+                }.bind(this));
+            }
+
             if(this.modulePath && this.moduleName) {
                 // Load the slot content
                 var that = this;