diff --git a/docs/examples/PanelBasic.js b/docs/examples/PanelBasic.js
index 7b94f28c10..ec5274251a 100644
--- a/docs/examples/PanelBasic.js
+++ b/docs/examples/PanelBasic.js
@@ -1,5 +1,9 @@
+function handleClick() {
+  alert('You have clicked on me');
+}
+
 const panelInstance = (
-  <Panel>
+  <Panel onClick={ handleClick }>
     Basic panel example
   </Panel>
 );
diff --git a/docs/src/ComponentsPage.js b/docs/src/ComponentsPage.js
index c3166eca4d..8820c68016 100644
--- a/docs/src/ComponentsPage.js
+++ b/docs/src/ComponentsPage.js
@@ -214,6 +214,7 @@ const ComponentsPage = React.createClass({
 
                   <h3 id='panels-basic'>Basic example</h3>
                   <p>By default, all the <code>&lt;Panel /&gt;</code> does is apply some basic border and padding to contain some content.</p>
+                  <p>You can pass on any additional properties you need, e.g. a custom <code>onClick</code> handler, as it is shown in the example code. They all will apply to the wrapper <code>div</code> element.</p>
                   <ReactPlayground codeText={Samples.PanelBasic} />
 
                   <h3 id='panels-heading'>Panel with heading</h3>