From 44710269cd7901d627f2dc5ea9474ec08dd89b7b Mon Sep 17 00:00:00 2001
From: AlexKVal <alexkval@gmail.com>
Date: Mon, 29 Jun 2015 11:51:44 +0300
Subject: [PATCH] Document possibility to pass on any additional properties to
 Panel

---
 docs/examples/PanelBasic.js | 6 +++++-
 docs/src/ComponentsPage.js  | 1 +
 2 files changed, 6 insertions(+), 1 deletion(-)

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 65bd2e50b5..85979d106e 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>