From 297c10b7d231b1d83162253f9db25d1f5e84b96e Mon Sep 17 00:00:00 2001
From: kennylam <kenny.lam@havasww.com>
Date: Mon, 8 Jan 2018 14:44:02 -0500
Subject: [PATCH] PrismJS line number example moved to Code example (#69)

* added option for line numbers in prismjs codeblocks

* moved PrismJS line number conditional out of inline markup

* added lineNumbers propType to Code.js and removed inline boolean value from JsonLinkInlineExamples.js to remove lint warnings

* moved line numbers examples from JsonLinkInline to Code component where it belongs

* update line number example in Code Examples
---
 example/src/components/CodeExamples.js | 32 +++++++++++++++++++++++++-
 1 file changed, 31 insertions(+), 1 deletion(-)

diff --git a/example/src/components/CodeExamples.js b/example/src/components/CodeExamples.js
index a109269..58810f1 100644
--- a/example/src/components/CodeExamples.js
+++ b/example/src/components/CodeExamples.js
@@ -17,7 +17,6 @@ export default function CodeExamples() {
   </ul>
 </div>`}
           </Code>
-
         </div>
         <div className="block-code">
           <Code language="jsx">
@@ -42,6 +41,37 @@ import { Code } from 'watson-react-components';
           <p>See the PrismJS website for a list of <a className="base--a" href="http://prismjs.com/#languages-list">available languages</a>.</p>
         </div>
       </div>
+
+
+      <div className="row">
+        <div className="block-example">
+        <p>&nbsp;</p>
+          <Code language="html" lineNumbers>
+{`<div>
+  <ul>
+    <li> foo </li>
+    <li> bar </li>
+  </ul>
+</div>`}
+          </Code>
+        </div>
+        <div className="block-code">
+          <p>To enable line numbers, add <code>lineNumbers</code> attribute</p>
+
+          <Code language="jsx">
+{`<Code language="html" lineNumbers>
+{\`<div>
+  <ul>
+    <li> foo </li>
+    <li> bar </li>
+  </ul>
+</div>\`}
+</Code>
+`}</Code>
+        </div>
+      </div>
+
+
     </section>
   );
 }