TEMP: Doc examples

cchaos · Oct 21, 2019 · ade9de4 · ade9de4
1 parent 7abe6c1
commit ade9de4
Showing 1 changed file with 19 additions and 5 deletions.
diff --git a/src-docs/src/views/code/code_block.js b/src-docs/src/views/code/code_block.js
@@ -8,22 +8,36 @@ const htmlCode = `<!--I'm an example of HTML-->
 </div>
 `;
 
-const jsCode = require('!!raw-loader!./code_block');
+// const jsCode = require('!!raw-loader!./code_block');
 
 export default () => (
   <div>
     <EuiCodeBlock language="html">{htmlCode}</EuiCodeBlock>
 
     <EuiSpacer />
 
+    <EuiCodeBlock language="js" fontSize="m" paddingSize="none" isCopyable>
+      {htmlCode}
+    </EuiCodeBlock>
+    <EuiSpacer />
+
+    <EuiCodeBlock language="js" fontSize="m" paddingSize="s" isCopyable>
+      {htmlCode}
+    </EuiCodeBlock>
+    <EuiSpacer />
+
+    <EuiCodeBlock language="js" fontSize="m" paddingSize="m" isCopyable>
+      {htmlCode}
+    </EuiCodeBlock>
+    <EuiSpacer />
+
     <EuiCodeBlock
-      language="js"
+      language="html"
       fontSize="m"
-      paddingSize="m"
-      color="dark"
+      paddingSize="l"
       overflowHeight={300}
       isCopyable>
-      {jsCode}
+      {htmlCode}
     </EuiCodeBlock>
 
     <EuiSpacer />