From f28716d7cf4d9822e8f25f2b13e0013feb9d902f Mon Sep 17 00:00:00 2001
From: Endi Modric <endi.modric@outlook.com>
Date: Wed, 6 Mar 2019 14:43:08 +0100
Subject: [PATCH] docs(example): add example for clickable prop

fix #417
---
 example/src/index.js | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/example/src/index.js b/example/src/index.js
index 6fe17140f..fb1aa69c9 100755
--- a/example/src/index.js
+++ b/example/src/index.js
@@ -404,6 +404,27 @@ class Test extends React.Component {
                 " type={'light'}"}</p>
               </div>
             </pre>
+
+            <p>When <em>clickable</em> property is set to <em>true</em>, tooltip can respond to mouse (or touch) events.</p>
+            <p className="sub-title"></p>
+            <div className="example-jsx">
+              <div className="block" >
+                <a data-tip data-for='clickme' data-event='click'> (❂‿❂) </a>
+              </div>
+
+              <ReactTooltip id="clickme" place="right" effect="solid" clickable={true}>
+                <input type="text" placeholder="Type something..." />
+              </ReactTooltip>
+            </div>
+            <br />
+            <pre className='example-pre'>
+              <div>
+                <p>{"<a data-tip data-for='clickme' data-event='click'> (❂‿❂) </a>"}</p>
+                <p>{"<ReactTooltip id='clickme' place='right' effect='solid' clickable={true}>\n" +
+                  "<input type='text' placeholder='Type something...' /> \n" +
+                  "</ReactTooltip>"}</p>
+              </div>
+            </pre>
             </div>
 
         </section>