Merge pull request react-bootstrap#915 from AlexKVal/panelOnclick

Document possibility to pass on any additional properties to Panel
mattermost · Jul 6, 2015 · cfbe561 · cfbe561
2 parents 7f3ec2d + 4471026
commit cfbe561
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git 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
@@ -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>