diff --git a/addons/info/src/__snapshots__/index.test.js.snap b/addons/info/src/__snapshots__/index.test.js.snap
index 2a7a1b87cfa..baccb582c91 100644
--- a/addons/info/src/__snapshots__/index.test.js.snap
+++ b/addons/info/src/__snapshots__/index.test.js.snap
@@ -34,107 +34,52 @@ containing **bold**, *cursive* text, \`code\` and [a link](https://github.com)"
     showSource={true}
     styles={[Function]}
   >
-    <div>
-      <div
-        style={
-          Object {
+    <ThemeProvider
+      theme={
+        Object {
+          "button": Object {
+            "base": Object {
+              "background": "#28c",
+              "border": "none",
+              "color": "#fff",
+              "cursor": "pointer",
+              "display": "block",
+              "fontFamily": "sans-serif",
+              "fontSize": "12px",
+              "padding": "5px 15px",
+              "position": "fixed",
+            },
+            "topRight": Object {
+              "borderRadius": "0 0 0 5px",
+              "right": 0,
+              "top": 0,
+            },
+          },
+          "children": Object {
             "position": "relative",
             "zIndex": 0,
-          }
-        }
-      >
-        <div>
-          It's a 
-           story:
-          <TestComponent
-            array={
-              Array [
-                1,
-                2,
-                3,
-              ]
-            }
-            bool={true}
-            func={[Function]}
-            number={7}
-            obj={
-              Object {
-                "a": "a",
-                "b": "b",
-              }
-            }
-            string="seven"
-          >
-            <div>
-              <h1>
-                function func(x) {return x + 1;}
-              </h1>
-              <h2>
-                [object Object]
-              </h2>
-              <h3>
-                1,2,3
-              </h3>
-              <h4>
-                7
-              </h4>
-              <h5>
-                seven
-              </h5>
-              <h6>
-                true
-              </h6>
-              <p>
-                undefined
-              </p>
-              <a
-                href="#"
-              >
-                test
-              </a>
-              <code>
-                storiesOf
-              </code>
-              <ul>
-                <li>
-                  1
-                </li>
-                <li>
-                  2
-                </li>
-              </ul>
-            </div>
-          </TestComponent>
-        </div>
-      </div>
-      <button
-        onClick={[Function]}
-        style={
-          Object {
-            "background": "#28c",
-            "border": "none",
-            "borderRadius": "0 0 0 5px",
-            "color": "#fff",
-            "cursor": "pointer",
-            "display": "block",
-            "fontFamily": "sans-serif",
-            "fontSize": "12px",
-            "padding": "5px 15px",
-            "position": "fixed",
-            "right": 0,
-            "top": 0,
-          }
-        }
-        type="button"
-      >
-        Show Info
-      </button>
-      <div
-        style={
-          Object {
+          },
+          "header": Object {
+            "body": Object {
+              "borderBottom": "1px solid #eee",
+              "marginBottom": 10,
+              "paddingTop": 10,
+            },
+            "h1": Object {
+              "fontSize": "35px",
+              "margin": 0,
+              "padding": 0,
+            },
+            "h2": Object {
+              "fontSize": "22px",
+              "fontWeight": 400,
+              "margin": "0 0 10px 0",
+              "padding": 0,
+            },
+          },
+          "info": Object {
             "background": "white",
             "bottom": 0,
-            "display": "none",
             "left": 0,
             "overflow": "auto",
             "padding": "0 40px",
@@ -142,9 +87,117 @@ containing **bold**, *cursive* text, \`code\` and [a link](https://github.com)"
             "right": 0,
             "top": 0,
             "zIndex": 99999,
-          }
+          },
+          "infoBody": Object {
+            "WebkitFontSmoothing": "antialiased",
+            "backgroundColor": "#fff",
+            "border": "1px solid #eee",
+            "borderRadius": "2px",
+            "boxShadow": "0px 2px 3px rgba(0, 0, 0, 0.05)",
+            "color": "#444",
+            "fontFamily": "-apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Roboto\\", \\"Oxygen\\", \\"Ubuntu\\", \\"Cantarell\\", \\"Fira Sans\\", \\"Droid Sans\\", \\"Helvetica Neue\\", \\"Lucida Grande\\", \\"Arial\\", sans-serif",
+            "fontSize": "15px",
+            "fontWeight": 300,
+            "lineHeight": 1.45,
+            "marginBottom": "20px",
+            "marginTop": "20px",
+            "padding": "20px 40px 40px",
+          },
+          "infoContent": Object {
+            "marginBottom": 0,
+          },
+          "infoStory": Object {},
+          "jsxInfoContent": Object {
+            "borderTop": "1px solid #eee",
+            "margin": "20px 0 0 0",
+          },
+          "propTableHead": Object {
+            "margin": "20px 0 0 0",
+          },
+          "source": Object {
+            "h1": Object {
+              "borderBottom": "1px solid #EEE",
+              "fontSize": "25px",
+              "margin": "20px 0 0 0",
+              "padding": "0 0 5px 0",
+            },
+          },
         }
-      >
+      }
+    >
+      <div>
+        <div
+          style={
+            Object {
+              "position": "relative",
+              "zIndex": 0,
+            }
+          }
+        >
+          <div>
+            It's a 
+             story:
+            <TestComponent
+              array={
+                Array [
+                  1,
+                  2,
+                  3,
+                ]
+              }
+              bool={true}
+              func={[Function]}
+              number={7}
+              obj={
+                Object {
+                  "a": "a",
+                  "b": "b",
+                }
+              }
+              string="seven"
+            >
+              <div>
+                <h1>
+                  function func(x) {return x + 1;}
+                </h1>
+                <h2>
+                  [object Object]
+                </h2>
+                <h3>
+                  1,2,3
+                </h3>
+                <h4>
+                  7
+                </h4>
+                <h5>
+                  seven
+                </h5>
+                <h6>
+                  true
+                </h6>
+                <p>
+                  undefined
+                </p>
+                <a
+                  href="#"
+                >
+                  test
+                </a>
+                <code>
+                  storiesOf
+                </code>
+                <ul>
+                  <li>
+                    1
+                  </li>
+                  <li>
+                    2
+                  </li>
+                </ul>
+              </div>
+            </TestComponent>
+          </div>
+        </div>
         <button
           onClick={[Function]}
           style={
@@ -165,887 +218,1788 @@ containing **bold**, *cursive* text, \`code\` and [a link](https://github.com)"
           }
           type="button"
         >
-          ×
+          Show Info
         </button>
-        <div>
-          <div
+        <div
+          style={
+            Object {
+              "background": "white",
+              "bottom": 0,
+              "display": "none",
+              "left": 0,
+              "overflow": "auto",
+              "padding": "0 40px",
+              "position": "fixed",
+              "right": 0,
+              "top": 0,
+              "zIndex": 99999,
+            }
+          }
+        >
+          <button
+            onClick={[Function]}
             style={
               Object {
-                "WebkitFontSmoothing": "antialiased",
-                "backgroundColor": "#fff",
-                "border": "1px solid #eee",
-                "borderRadius": "2px",
-                "boxShadow": "0px 2px 3px rgba(0, 0, 0, 0.05)",
-                "color": "#444",
-                "fontFamily": "-apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Roboto\\", \\"Oxygen\\", \\"Ubuntu\\", \\"Cantarell\\", \\"Fira Sans\\", \\"Droid Sans\\", \\"Helvetica Neue\\", \\"Lucida Grande\\", \\"Arial\\", sans-serif",
-                "fontSize": "15px",
-                "fontWeight": 300,
-                "lineHeight": 1.45,
-                "marginBottom": "20px",
-                "marginTop": "20px",
-                "padding": "20px 40px 40px",
+                "background": "#28c",
+                "border": "none",
+                "borderRadius": "0 0 0 5px",
+                "color": "#fff",
+                "cursor": "pointer",
+                "display": "block",
+                "fontFamily": "sans-serif",
+                "fontSize": "12px",
+                "padding": "5px 15px",
+                "position": "fixed",
+                "right": 0,
+                "top": 0,
               }
             }
+            type="button"
           >
+            ×
+          </button>
+          <div>
             <div
               style={
                 Object {
-                  "borderBottom": "1px solid #eee",
-                  "marginBottom": 10,
-                  "paddingTop": 10,
+                  "WebkitFontSmoothing": "antialiased",
+                  "backgroundColor": "#fff",
+                  "border": "1px solid #eee",
+                  "borderRadius": "2px",
+                  "boxShadow": "0px 2px 3px rgba(0, 0, 0, 0.05)",
+                  "color": "#444",
+                  "fontFamily": "-apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Roboto\\", \\"Oxygen\\", \\"Ubuntu\\", \\"Cantarell\\", \\"Fira Sans\\", \\"Droid Sans\\", \\"Helvetica Neue\\", \\"Lucida Grande\\", \\"Arial\\", sans-serif",
+                  "fontSize": "15px",
+                  "fontWeight": 300,
+                  "lineHeight": 1.45,
+                  "marginBottom": "20px",
+                  "marginTop": "20px",
+                  "padding": "20px 40px 40px",
                 }
               }
             >
-              <h1
+              <div
                 style={
                   Object {
-                    "fontSize": "35px",
-                    "margin": 0,
-                    "padding": 0,
+                    "borderBottom": "1px solid #eee",
+                    "marginBottom": 10,
+                    "paddingTop": 10,
                   }
                 }
-              />
-              <h2
-                style={
-                  Object {
-                    "fontSize": "22px",
-                    "fontWeight": 400,
-                    "margin": "0 0 10px 0",
-                    "padding": 0,
-                  }
-                }
-              />
-            </div>
-            <div
-              style={
-                Object {
-                  "marginBottom": 0,
-                }
-              }
-            >
-              <H1
-                context={Object {}}
-                id="test-story"
-                key="0"
               >
                 <h1
-                  id="test-story"
                   style={
                     Object {
-                      "WebkitFontSmoothing": "antialiased",
-                      "borderBottom": "1px solid #eee",
-                      "color": "#444",
-                      "fontFamily": "-apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Roboto\\", \\"Oxygen\\", \\"Ubuntu\\", \\"Cantarell\\", \\"Fira Sans\\", \\"Droid Sans\\", \\"Helvetica Neue\\", \\"Lucida Grande\\", \\"Arial\\", sans-serif",
-                      "fontSize": "40px",
-                      "fontWeight": 600,
+                      "fontSize": "35px",
                       "margin": 0,
                       "padding": 0,
                     }
                   }
-                >
-                  Test story
-                </h1>
-              </H1>
-              <H2
-                context={Object {}}
-                id="test-story-with-markdown-info"
-                key="1"
-              >
+                />
                 <h2
-                  id="test-story-with-markdown-info"
                   style={
                     Object {
-                      "WebkitFontSmoothing": "antialiased",
-                      "color": "#444",
-                      "fontFamily": "-apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Roboto\\", \\"Oxygen\\", \\"Ubuntu\\", \\"Cantarell\\", \\"Fira Sans\\", \\"Droid Sans\\", \\"Helvetica Neue\\", \\"Lucida Grande\\", \\"Arial\\", sans-serif",
-                      "fontSize": "30px",
-                      "fontWeight": 600,
-                      "margin": 0,
+                      "fontSize": "22px",
+                      "fontWeight": 400,
+                      "margin": "0 0 10px 0",
                       "padding": 0,
                     }
                   }
-                >
-                  with markdown info
-                </h2>
-              </H2>
-              <P
-                context={Object {}}
-                key="6"
-              >
-                <div
-                  style={
-                    Object {
-                      "WebkitFontSmoothing": "antialiased",
-                      "color": "#444",
-                      "fontFamily": "-apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Roboto\\", \\"Oxygen\\", \\"Ubuntu\\", \\"Cantarell\\", \\"Fira Sans\\", \\"Droid Sans\\", \\"Helvetica Neue\\", \\"Lucida Grande\\", \\"Arial\\", sans-serif",
-                      "fontSize": "15px",
-                    }
-                  }
-                >
-                  containing 
-                  <strong
-                    key="2"
-                  >
-                    bold
-                  </strong>
-                  , 
-                  <em
-                    key="3"
-                  >
-                    cursive
-                  </em>
-                   text, 
-                  <code
-                    key="4"
-                  >
-                    code
-                  </code>
-                   and 
-                  <A
-                    context={Object {}}
-                    href="https://github.com"
-                    key="5"
-                    title={null}
-                  >
-                    <a
-                      href="https://github.com"
-                      rel="noopener noreferrer"
-                      style={
-                        Object {
-                          "color": "#3498db",
-                        }
-                      }
-                      target="_blank"
-                    >
-                      a link
-                    </a>
-                  </A>
-                </div>
-              </P>
-            </div>
-            <div>
-              <h1
+                />
+              </div>
+              <div
                 style={
                   Object {
-                    "borderBottom": "1px solid #EEE",
-                    "fontSize": "25px",
-                    "margin": "20px 0 0 0",
-                    "padding": "0 0 5px 0",
+                    "marginBottom": 0,
                   }
                 }
               >
-                Story Source
-              </h1>
-              <Pre>
-                <pre
+                <H1
+                  context={Object {}}
+                  id="test-story"
+                  key="0"
+                >
+                  <h1
+                    id="test-story"
+                    style={
+                      Object {
+                        "WebkitFontSmoothing": "antialiased",
+                        "borderBottom": "1px solid #eee",
+                        "color": "#444",
+                        "fontFamily": "-apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Roboto\\", \\"Oxygen\\", \\"Ubuntu\\", \\"Cantarell\\", \\"Fira Sans\\", \\"Droid Sans\\", \\"Helvetica Neue\\", \\"Lucida Grande\\", \\"Arial\\", sans-serif",
+                        "fontSize": "40px",
+                        "fontWeight": 600,
+                        "margin": 0,
+                        "padding": 0,
+                      }
+                    }
+                  >
+                    Test story
+                  </h1>
+                </H1>
+                <H2
+                  context={Object {}}
+                  id="test-story-with-markdown-info"
+                  key="1"
+                >
+                  <h2
+                    id="test-story-with-markdown-info"
+                    style={
+                      Object {
+                        "WebkitFontSmoothing": "antialiased",
+                        "color": "#444",
+                        "fontFamily": "-apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Roboto\\", \\"Oxygen\\", \\"Ubuntu\\", \\"Cantarell\\", \\"Fira Sans\\", \\"Droid Sans\\", \\"Helvetica Neue\\", \\"Lucida Grande\\", \\"Arial\\", sans-serif",
+                        "fontSize": "30px",
+                        "fontWeight": 600,
+                        "margin": 0,
+                        "padding": 0,
+                      }
+                    }
+                  >
+                    with markdown info
+                  </h2>
+                </H2>
+                <P
+                  context={Object {}}
+                  key="6"
+                >
+                  <div
+                    style={
+                      Object {
+                        "WebkitFontSmoothing": "antialiased",
+                        "color": "#444",
+                        "fontFamily": "-apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Roboto\\", \\"Oxygen\\", \\"Ubuntu\\", \\"Cantarell\\", \\"Fira Sans\\", \\"Droid Sans\\", \\"Helvetica Neue\\", \\"Lucida Grande\\", \\"Arial\\", sans-serif",
+                        "fontSize": "15px",
+                      }
+                    }
+                  >
+                    containing 
+                    <strong
+                      key="2"
+                    >
+                      bold
+                    </strong>
+                    , 
+                    <em
+                      key="3"
+                    >
+                      cursive
+                    </em>
+                     text, 
+                    <code
+                      key="4"
+                    >
+                      code
+                    </code>
+                     and 
+                    <A
+                      context={Object {}}
+                      href="https://github.com"
+                      key="5"
+                      title={null}
+                    >
+                      <a
+                        href="https://github.com"
+                        rel="noopener noreferrer"
+                        style={
+                          Object {
+                            "color": "#3498db",
+                          }
+                        }
+                        target="_blank"
+                      >
+                        a link
+                      </a>
+                    </A>
+                  </div>
+                </P>
+              </div>
+              <div>
+                <h1
                   style={
                     Object {
-                      "backgroundColor": "#fafafa",
-                      "fontFamily": "Menlo, Monaco, \\"Courier New\\", monospace",
-                      "fontSize": ".88em",
-                      "lineHeight": 1.5,
-                      "overflowX": "scroll",
-                      "padding": ".5rem",
+                      "borderBottom": "1px solid #EEE",
+                      "fontSize": "25px",
+                      "margin": "20px 0 0 0",
+                      "padding": "0 0 5px 0",
                     }
                   }
                 >
-                  <Node
-                    depth={0}
-                    key="0/.0"
-                    maxPropArrayLength={3}
-                    maxPropObjectKeys={3}
-                    maxPropStringLength={50}
-                    maxPropsIntoLine={3}
-                    node={
-                      <div>
-                        It's a 
-                         story:
-                        <TestComponent
-                          array={
-                            Array [
-                              1,
-                              2,
-                              3,
-                            ]
-                          }
-                          bool={true}
-                          func={[Function]}
-                          number={7}
-                          obj={
-                            Object {
-                              "a": "a",
-                              "b": "b",
-                            }
-                          }
-                          string="seven"
-                        />
-                      </div>
+                  Story Source
+                </h1>
+                <ThemedComponent>
+                  <Pre
+                    theme={
+                      Object {
+                        "button": Object {
+                          "base": Object {
+                            "background": "#28c",
+                            "border": "none",
+                            "color": "#fff",
+                            "cursor": "pointer",
+                            "display": "block",
+                            "fontFamily": "sans-serif",
+                            "fontSize": "12px",
+                            "padding": "5px 15px",
+                            "position": "fixed",
+                          },
+                          "topRight": Object {
+                            "borderRadius": "0 0 0 5px",
+                            "right": 0,
+                            "top": 0,
+                          },
+                        },
+                        "children": Object {
+                          "position": "relative",
+                          "zIndex": 0,
+                        },
+                        "header": Object {
+                          "body": Object {
+                            "borderBottom": "1px solid #eee",
+                            "marginBottom": 10,
+                            "paddingTop": 10,
+                          },
+                          "h1": Object {
+                            "fontSize": "35px",
+                            "margin": 0,
+                            "padding": 0,
+                          },
+                          "h2": Object {
+                            "fontSize": "22px",
+                            "fontWeight": 400,
+                            "margin": "0 0 10px 0",
+                            "padding": 0,
+                          },
+                        },
+                        "info": Object {
+                          "background": "white",
+                          "bottom": 0,
+                          "left": 0,
+                          "overflow": "auto",
+                          "padding": "0 40px",
+                          "position": "fixed",
+                          "right": 0,
+                          "top": 0,
+                          "zIndex": 99999,
+                        },
+                        "infoBody": Object {
+                          "WebkitFontSmoothing": "antialiased",
+                          "backgroundColor": "#fff",
+                          "border": "1px solid #eee",
+                          "borderRadius": "2px",
+                          "boxShadow": "0px 2px 3px rgba(0, 0, 0, 0.05)",
+                          "color": "#444",
+                          "fontFamily": "-apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Roboto\\", \\"Oxygen\\", \\"Ubuntu\\", \\"Cantarell\\", \\"Fira Sans\\", \\"Droid Sans\\", \\"Helvetica Neue\\", \\"Lucida Grande\\", \\"Arial\\", sans-serif",
+                          "fontSize": "15px",
+                          "fontWeight": 300,
+                          "lineHeight": 1.45,
+                          "marginBottom": "20px",
+                          "marginTop": "20px",
+                          "padding": "20px 40px 40px",
+                        },
+                        "infoContent": Object {
+                          "marginBottom": 0,
+                        },
+                        "infoStory": Object {},
+                        "jsxInfoContent": Object {
+                          "borderTop": "1px solid #eee",
+                          "margin": "20px 0 0 0",
+                        },
+                        "propTableHead": Object {
+                          "margin": "20px 0 0 0",
+                        },
+                        "source": Object {
+                          "h1": Object {
+                            "borderBottom": "1px solid #EEE",
+                            "fontSize": "25px",
+                            "margin": "20px 0 0 0",
+                            "padding": "0 0 5px 0",
+                          },
+                        },
+                      }
                     }
                   >
-                    <div>
-                      <div
-                        style={
-                          Object {
-                            "paddingLeft": 18,
-                            "paddingRight": 3,
-                          }
-                        }
+                    <glamorous(pre)>
+                      <pre
+                        className="css-4akams"
                       >
-                        <span
-                          style={
-                            Object {
-                              "color": "#777",
-                            }
-                          }
-                        >
-                          &lt;
-                          div
-                        </span>
-                        <Props
-                          maxPropArrayLength={3}
-                          maxPropObjectKeys={3}
-                          maxPropStringLength={50}
-                          maxPropsIntoLine={3}
-                          node={
-                            <div>
-                              It's a 
-                               story:
-                              <TestComponent
-                                array={
-                                  Array [
-                                    1,
-                                    2,
-                                    3,
-                                  ]
-                                }
-                                bool={true}
-                                func={[Function]}
-                                number={7}
-                                obj={
-                                  Object {
-                                    "a": "a",
-                                    "b": "b",
-                                  }
-                                }
-                                string="seven"
-                              />
-                            </div>
-                          }
-                          singleLine={false}
-                        >
-                          <span />
-                        </Props>
-                        <span
-                          style={
-                            Object {
-                              "color": "#777",
-                            }
-                          }
-                        >
-                          &gt;
-                        </span>
-                      </div>
-                      <Node
-                        depth={1}
-                        key=".0"
-                        maxPropArrayLength={3}
-                        maxPropObjectKeys={3}
-                        maxPropStringLength={50}
-                        maxPropsIntoLine={3}
-                        node="It's a "
-                      >
-                        <div
-                          style={
-                            Object {
-                              "paddingLeft": 33,
-                              "paddingRight": 3,
-                            }
-                          }
-                        >
-                          <span
-                            style={
-                              Object {
-                                "color": "#777",
-                              }
-                            }
-                          >
-                            It's a 
-                          </span>
-                        </div>
-                      </Node>
-                      <Node
-                        depth={1}
-                        key=".1"
-                        maxPropArrayLength={3}
-                        maxPropObjectKeys={3}
-                        maxPropStringLength={50}
-                        maxPropsIntoLine={3}
-                        node={null}
-                      >
-                        <div
-                          style={
-                            Object {
-                              "paddingLeft": 33,
-                              "paddingRight": 3,
-                            }
-                          }
-                        >
-                          <span
-                            style={
-                              Object {
-                                "color": "#777",
-                              }
-                            }
-                          />
-                        </div>
-                      </Node>
-                      <Node
-                        depth={1}
-                        key=".2"
-                        maxPropArrayLength={3}
-                        maxPropObjectKeys={3}
-                        maxPropStringLength={50}
-                        maxPropsIntoLine={3}
-                        node=" story:"
-                      >
-                        <div
-                          style={
-                            Object {
-                              "paddingLeft": 33,
-                              "paddingRight": 3,
-                            }
-                          }
-                        >
-                          <span
-                            style={
-                              Object {
-                                "color": "#777",
-                              }
-                            }
-                          >
-                             story:
-                          </span>
-                        </div>
-                      </Node>
-                      <Node
-                        depth={1}
-                        key=".3"
-                        maxPropArrayLength={3}
-                        maxPropObjectKeys={3}
-                        maxPropStringLength={50}
-                        maxPropsIntoLine={3}
-                        node={
-                          <TestComponent
-                            array={
-                              Array [
-                                1,
-                                2,
-                                3,
-                              ]
-                            }
-                            bool={true}
-                            func={[Function]}
-                            number={7}
-                            obj={
-                              Object {
-                                "a": "a",
-                                "b": "b",
-                              }
-                            }
-                            string="seven"
-                          />
-                        }
-                      >
-                        <div
-                          style={
-                            Object {
-                              "paddingLeft": 33,
-                              "paddingRight": 3,
-                            }
-                          }
-                        >
-                          <span
-                            style={
-                              Object {
-                                "color": "#777",
-                              }
-                            }
-                          >
-                            &lt;
-                            TestComponent
-                          </span>
-                          <Props
+                        <div>
+                          <Node
+                            depth={0}
+                            key="0/.0"
                             maxPropArrayLength={3}
                             maxPropObjectKeys={3}
                             maxPropStringLength={50}
                             maxPropsIntoLine={3}
                             node={
-                              <TestComponent
-                                array={
-                                  Array [
-                                    1,
-                                    2,
-                                    3,
-                                  ]
-                                }
-                                bool={true}
-                                func={[Function]}
-                                number={7}
-                                obj={
+                              <div>
+                                It's a 
+                                 story:
+                                <TestComponent
+                                  array={
+                                    Array [
+                                      1,
+                                      2,
+                                      3,
+                                    ]
+                                  }
+                                  bool={true}
+                                  func={[Function]}
+                                  number={7}
+                                  obj={
+                                    Object {
+                                      "a": "a",
+                                      "b": "b",
+                                    }
+                                  }
+                                  string="seven"
+                                />
+                              </div>
+                            }
+                          >
+                            <div>
+                              <div
+                                style={
                                   Object {
-                                    "a": "a",
-                                    "b": "b",
+                                    "paddingLeft": 18,
+                                    "paddingRight": 3,
                                   }
                                 }
-                                string="seven"
-                              />
-                            }
-                            singleLine={true}
-                          >
-                            <span>
-                              <span
-                                key="func"
                               >
-                                <span>
-                                  <br />
-                                    
-                                </span>
                                 <span
-                                  style={Object {}}
+                                  style={
+                                    Object {
+                                      "color": "#777",
+                                    }
+                                  }
                                 >
-                                  func
+                                  &lt;
+                                  div
                                 </span>
-                                <span>
-                                  =
-                                  <span
-                                    style={Object {}}
-                                  >
-                                    <PropVal
-                                      maxPropArrayLength={3}
-                                      maxPropObjectKeys={3}
-                                      maxPropStringLength={50}
-                                      val={[Function]}
-                                    >
-                                      <span>
-                                        {
-                                        <span
-                                          style={
-                                            Object {
-                                              "color": "#170",
-                                            }
-                                          }
-                                        >
-                                          func()
-                                        </span>
-                                        }
-                                      </span>
-                                    </PropVal>
-                                  </span>
-                                </span>
-                              </span>
-                              <span
-                                key="obj"
-                              >
-                                <span>
-                                  <br />
-                                    
-                                </span>
-                                <span
-                                  style={Object {}}
-                                >
-                                  obj
-                                </span>
-                                <span>
-                                  =
-                                  <span
-                                    style={Object {}}
-                                  >
-                                    <PropVal
-                                      maxPropArrayLength={3}
-                                      maxPropObjectKeys={3}
-                                      maxPropStringLength={50}
-                                      val={
-                                        Object {
-                                          "a": "a",
-                                          "b": "b",
-                                        }
-                                      }
-                                    >
-                                      <span>
-                                        {
-                                        <span
-                                          style={
-                                            Object {
-                                              "color": "#666",
-                                            }
-                                          }
-                                        >
-                                          {
-                                          <span
-                                            key="k0/.0"
-                                            style={
-                                              Object {
-                                                "color": "#666",
-                                              }
-                                            }
-                                          >
-                                            a
-                                          </span>
-                                          : 
-                                          <PropVal
-                                            key="v0/.0"
-                                            maxPropArrayLength={3}
-                                            maxPropObjectKeys={3}
-                                            maxPropStringLength={50}
-                                            val="a"
-                                          >
-                                            <span
-                                              style={
-                                                Object {
-                                                  "color": "#22a",
-                                                  "wordBreak": "break-word",
-                                                }
-                                              }
-                                            >
-                                              "
-                                              a
-                                              "
-                                            </span>
-                                          </PropVal>
-                                          , 
-                                          <span
-                                            key="k1/.0"
-                                            style={
-                                              Object {
-                                                "color": "#666",
-                                              }
-                                            }
-                                          >
-                                            b
-                                          </span>
-                                          : 
-                                          <PropVal
-                                            key="v1/.0"
-                                            maxPropArrayLength={3}
-                                            maxPropObjectKeys={3}
-                                            maxPropStringLength={50}
-                                            val="b"
-                                          >
-                                            <span
-                                              style={
-                                                Object {
-                                                  "color": "#22a",
-                                                  "wordBreak": "break-word",
-                                                }
-                                              }
-                                            >
-                                              "
-                                              b
-                                              "
-                                            </span>
-                                          </PropVal>
-                                          }
-                                        </span>
-                                        }
-                                      </span>
-                                    </PropVal>
-                                  </span>
-                                </span>
-                              </span>
-                              <span
-                                key="array"
-                              >
-                                <span>
-                                  <br />
-                                    
-                                </span>
-                                <span
-                                  style={Object {}}
-                                >
-                                  array
-                                </span>
-                                <span>
-                                  =
-                                  <span
-                                    style={Object {}}
-                                  >
-                                    <PropVal
-                                      maxPropArrayLength={3}
-                                      maxPropObjectKeys={3}
-                                      maxPropStringLength={50}
-                                      val={
-                                        Array [
-                                          1,
-                                          2,
-                                          3,
-                                        ]
-                                      }
-                                    >
-                                      <span>
-                                        {
-                                        <span
-                                          style={
-                                            Object {
-                                              "color": "#666",
-                                            }
-                                          }
-                                        >
-                                          [
-                                          <PropVal
-                                            key="n0/.0"
-                                            maxPropArrayLength={3}
-                                            maxPropObjectKeys={3}
-                                            maxPropStringLength={50}
-                                            val={1}
-                                          >
-                                            <span>
-                                              {
-                                              <span
-                                                style={
-                                                  Object {
-                                                    "color": "#a11",
-                                                  }
-                                                }
-                                              >
-                                                1
-                                              </span>
-                                              }
-                                            </span>
-                                          </PropVal>
-                                          , 
-                                          <PropVal
-                                            key="n1/.0"
-                                            maxPropArrayLength={3}
-                                            maxPropObjectKeys={3}
-                                            maxPropStringLength={50}
-                                            val={2}
-                                          >
-                                            <span>
-                                              {
-                                              <span
-                                                style={
-                                                  Object {
-                                                    "color": "#a11",
-                                                  }
-                                                }
-                                              >
-                                                2
-                                              </span>
-                                              }
-                                            </span>
-                                          </PropVal>
-                                          , 
-                                          <PropVal
-                                            key="n2/.0"
-                                            maxPropArrayLength={3}
-                                            maxPropObjectKeys={3}
-                                            maxPropStringLength={50}
-                                            val={3}
-                                          >
-                                            <span>
-                                              {
-                                              <span
-                                                style={
-                                                  Object {
-                                                    "color": "#a11",
-                                                  }
-                                                }
-                                              >
-                                                3
-                                              </span>
-                                              }
-                                            </span>
-                                          </PropVal>
+                                <Props
+                                  maxPropArrayLength={3}
+                                  maxPropObjectKeys={3}
+                                  maxPropStringLength={50}
+                                  maxPropsIntoLine={3}
+                                  node={
+                                    <div>
+                                      It's a 
+                                       story:
+                                      <TestComponent
+                                        array={
+                                          Array [
+                                            1,
+                                            2,
+                                            3,
                                           ]
-                                        </span>
                                         }
-                                      </span>
-                                    </PropVal>
-                                  </span>
-                                </span>
-                              </span>
-                              <span
-                                key="number"
-                              >
-                                <span>
-                                  <br />
-                                    
-                                </span>
-                                <span
-                                  style={Object {}}
-                                >
-                                  number
-                                </span>
-                                <span>
-                                  =
-                                  <span
-                                    style={Object {}}
-                                  >
-                                    <PropVal
-                                      maxPropArrayLength={3}
-                                      maxPropObjectKeys={3}
-                                      maxPropStringLength={50}
-                                      val={7}
-                                    >
-                                      <span>
-                                        {
-                                        <span
-                                          style={
-                                            Object {
-                                              "color": "#a11",
-                                            }
-                                          }
-                                        >
-                                          7
-                                        </span>
-                                        }
-                                      </span>
-                                    </PropVal>
-                                  </span>
-                                </span>
-                              </span>
-                              <span
-                                key="string"
-                              >
-                                <span>
-                                  <br />
-                                    
-                                </span>
-                                <span
-                                  style={Object {}}
-                                >
-                                  string
-                                </span>
-                                <span>
-                                  =
-                                  <span
-                                    style={Object {}}
-                                  >
-                                    <PropVal
-                                      maxPropArrayLength={3}
-                                      maxPropObjectKeys={3}
-                                      maxPropStringLength={50}
-                                      val="seven"
-                                    >
-                                      <span
-                                        style={
+                                        bool={true}
+                                        func={[Function]}
+                                        number={7}
+                                        obj={
                                           Object {
-                                            "color": "#22a",
-                                            "wordBreak": "break-word",
+                                            "a": "a",
+                                            "b": "b",
                                           }
                                         }
-                                      >
-                                        "
-                                        seven
-                                        "
-                                      </span>
-                                    </PropVal>
-                                  </span>
-                                </span>
-                              </span>
-                              <span
-                                key="bool"
-                              >
-                                <span>
-                                  <br />
-                                    
-                                </span>
-                                <span
-                                  style={Object {}}
+                                        string="seven"
+                                      />
+                                    </div>
+                                  }
+                                  singleLine={false}
                                 >
-                                  bool
+                                  <span />
+                                </Props>
+                                <span
+                                  style={
+                                    Object {
+                                      "color": "#777",
+                                    }
+                                  }
+                                >
+                                  &gt;
                                 </span>
-                                <br />
-                              </span>
-                            </span>
-                          </Props>
-                          <span
-                            style={
+                              </div>
+                              <Node
+                                depth={1}
+                                key=".0"
+                                maxPropArrayLength={3}
+                                maxPropObjectKeys={3}
+                                maxPropStringLength={50}
+                                maxPropsIntoLine={3}
+                                node="It's a "
+                              >
+                                <div
+                                  style={
+                                    Object {
+                                      "paddingLeft": 33,
+                                      "paddingRight": 3,
+                                    }
+                                  }
+                                >
+                                  <span
+                                    style={
+                                      Object {
+                                        "color": "#777",
+                                      }
+                                    }
+                                  >
+                                    It's a 
+                                  </span>
+                                </div>
+                              </Node>
+                              <Node
+                                depth={1}
+                                key=".1"
+                                maxPropArrayLength={3}
+                                maxPropObjectKeys={3}
+                                maxPropStringLength={50}
+                                maxPropsIntoLine={3}
+                                node={null}
+                              >
+                                <div
+                                  style={
+                                    Object {
+                                      "paddingLeft": 33,
+                                      "paddingRight": 3,
+                                    }
+                                  }
+                                >
+                                  <span
+                                    style={
+                                      Object {
+                                        "color": "#777",
+                                      }
+                                    }
+                                  />
+                                </div>
+                              </Node>
+                              <Node
+                                depth={1}
+                                key=".2"
+                                maxPropArrayLength={3}
+                                maxPropObjectKeys={3}
+                                maxPropStringLength={50}
+                                maxPropsIntoLine={3}
+                                node=" story:"
+                              >
+                                <div
+                                  style={
+                                    Object {
+                                      "paddingLeft": 33,
+                                      "paddingRight": 3,
+                                    }
+                                  }
+                                >
+                                  <span
+                                    style={
+                                      Object {
+                                        "color": "#777",
+                                      }
+                                    }
+                                  >
+                                     story:
+                                  </span>
+                                </div>
+                              </Node>
+                              <Node
+                                depth={1}
+                                key=".3"
+                                maxPropArrayLength={3}
+                                maxPropObjectKeys={3}
+                                maxPropStringLength={50}
+                                maxPropsIntoLine={3}
+                                node={
+                                  <TestComponent
+                                    array={
+                                      Array [
+                                        1,
+                                        2,
+                                        3,
+                                      ]
+                                    }
+                                    bool={true}
+                                    func={[Function]}
+                                    number={7}
+                                    obj={
+                                      Object {
+                                        "a": "a",
+                                        "b": "b",
+                                      }
+                                    }
+                                    string="seven"
+                                  />
+                                }
+                              >
+                                <div
+                                  style={
+                                    Object {
+                                      "paddingLeft": 33,
+                                      "paddingRight": 3,
+                                    }
+                                  }
+                                >
+                                  <span
+                                    style={
+                                      Object {
+                                        "color": "#777",
+                                      }
+                                    }
+                                  >
+                                    &lt;
+                                    TestComponent
+                                  </span>
+                                  <Props
+                                    maxPropArrayLength={3}
+                                    maxPropObjectKeys={3}
+                                    maxPropStringLength={50}
+                                    maxPropsIntoLine={3}
+                                    node={
+                                      <TestComponent
+                                        array={
+                                          Array [
+                                            1,
+                                            2,
+                                            3,
+                                          ]
+                                        }
+                                        bool={true}
+                                        func={[Function]}
+                                        number={7}
+                                        obj={
+                                          Object {
+                                            "a": "a",
+                                            "b": "b",
+                                          }
+                                        }
+                                        string="seven"
+                                      />
+                                    }
+                                    singleLine={true}
+                                  >
+                                    <span>
+                                      <span
+                                        key="func"
+                                      >
+                                        <span>
+                                          <br />
+                                            
+                                        </span>
+                                        <span
+                                          style={Object {}}
+                                        >
+                                          func
+                                        </span>
+                                        <span>
+                                          =
+                                          <span
+                                            style={Object {}}
+                                          >
+                                            <ThemedComponent
+                                              maxPropArrayLength={3}
+                                              maxPropObjectKeys={3}
+                                              maxPropStringLength={50}
+                                              val={[Function]}
+                                            >
+                                              <PropVal
+                                                maxPropArrayLength={3}
+                                                maxPropObjectKeys={3}
+                                                maxPropStringLength={50}
+                                                theme={
+                                                  Object {
+                                                    "button": Object {
+                                                      "base": Object {
+                                                        "background": "#28c",
+                                                        "border": "none",
+                                                        "color": "#fff",
+                                                        "cursor": "pointer",
+                                                        "display": "block",
+                                                        "fontFamily": "sans-serif",
+                                                        "fontSize": "12px",
+                                                        "padding": "5px 15px",
+                                                        "position": "fixed",
+                                                      },
+                                                      "topRight": Object {
+                                                        "borderRadius": "0 0 0 5px",
+                                                        "right": 0,
+                                                        "top": 0,
+                                                      },
+                                                    },
+                                                    "children": Object {
+                                                      "position": "relative",
+                                                      "zIndex": 0,
+                                                    },
+                                                    "header": Object {
+                                                      "body": Object {
+                                                        "borderBottom": "1px solid #eee",
+                                                        "marginBottom": 10,
+                                                        "paddingTop": 10,
+                                                      },
+                                                      "h1": Object {
+                                                        "fontSize": "35px",
+                                                        "margin": 0,
+                                                        "padding": 0,
+                                                      },
+                                                      "h2": Object {
+                                                        "fontSize": "22px",
+                                                        "fontWeight": 400,
+                                                        "margin": "0 0 10px 0",
+                                                        "padding": 0,
+                                                      },
+                                                    },
+                                                    "info": Object {
+                                                      "background": "white",
+                                                      "bottom": 0,
+                                                      "left": 0,
+                                                      "overflow": "auto",
+                                                      "padding": "0 40px",
+                                                      "position": "fixed",
+                                                      "right": 0,
+                                                      "top": 0,
+                                                      "zIndex": 99999,
+                                                    },
+                                                    "infoBody": Object {
+                                                      "WebkitFontSmoothing": "antialiased",
+                                                      "backgroundColor": "#fff",
+                                                      "border": "1px solid #eee",
+                                                      "borderRadius": "2px",
+                                                      "boxShadow": "0px 2px 3px rgba(0, 0, 0, 0.05)",
+                                                      "color": "#444",
+                                                      "fontFamily": "-apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Roboto\\", \\"Oxygen\\", \\"Ubuntu\\", \\"Cantarell\\", \\"Fira Sans\\", \\"Droid Sans\\", \\"Helvetica Neue\\", \\"Lucida Grande\\", \\"Arial\\", sans-serif",
+                                                      "fontSize": "15px",
+                                                      "fontWeight": 300,
+                                                      "lineHeight": 1.45,
+                                                      "marginBottom": "20px",
+                                                      "marginTop": "20px",
+                                                      "padding": "20px 40px 40px",
+                                                    },
+                                                    "infoContent": Object {
+                                                      "marginBottom": 0,
+                                                    },
+                                                    "infoStory": Object {},
+                                                    "jsxInfoContent": Object {
+                                                      "borderTop": "1px solid #eee",
+                                                      "margin": "20px 0 0 0",
+                                                    },
+                                                    "propTableHead": Object {
+                                                      "margin": "20px 0 0 0",
+                                                    },
+                                                    "source": Object {
+                                                      "h1": Object {
+                                                        "borderBottom": "1px solid #EEE",
+                                                        "fontSize": "25px",
+                                                        "margin": "20px 0 0 0",
+                                                        "padding": "0 0 5px 0",
+                                                      },
+                                                    },
+                                                  }
+                                                }
+                                                val={[Function]}
+                                                valueStyles={null}
+                                              >
+                                                <span>
+                                                  {
+                                                  <span
+                                                    style={
+                                                      Object {
+                                                        "color": "#170",
+                                                      }
+                                                    }
+                                                  >
+                                                    func()
+                                                  </span>
+                                                  }
+                                                </span>
+                                              </PropVal>
+                                            </ThemedComponent>
+                                          </span>
+                                        </span>
+                                      </span>
+                                      <span
+                                        key="obj"
+                                      >
+                                        <span>
+                                          <br />
+                                            
+                                        </span>
+                                        <span
+                                          style={Object {}}
+                                        >
+                                          obj
+                                        </span>
+                                        <span>
+                                          =
+                                          <span
+                                            style={Object {}}
+                                          >
+                                            <ThemedComponent
+                                              maxPropArrayLength={3}
+                                              maxPropObjectKeys={3}
+                                              maxPropStringLength={50}
+                                              val={
+                                                Object {
+                                                  "a": "a",
+                                                  "b": "b",
+                                                }
+                                              }
+                                            >
+                                              <PropVal
+                                                maxPropArrayLength={3}
+                                                maxPropObjectKeys={3}
+                                                maxPropStringLength={50}
+                                                theme={
+                                                  Object {
+                                                    "button": Object {
+                                                      "base": Object {
+                                                        "background": "#28c",
+                                                        "border": "none",
+                                                        "color": "#fff",
+                                                        "cursor": "pointer",
+                                                        "display": "block",
+                                                        "fontFamily": "sans-serif",
+                                                        "fontSize": "12px",
+                                                        "padding": "5px 15px",
+                                                        "position": "fixed",
+                                                      },
+                                                      "topRight": Object {
+                                                        "borderRadius": "0 0 0 5px",
+                                                        "right": 0,
+                                                        "top": 0,
+                                                      },
+                                                    },
+                                                    "children": Object {
+                                                      "position": "relative",
+                                                      "zIndex": 0,
+                                                    },
+                                                    "header": Object {
+                                                      "body": Object {
+                                                        "borderBottom": "1px solid #eee",
+                                                        "marginBottom": 10,
+                                                        "paddingTop": 10,
+                                                      },
+                                                      "h1": Object {
+                                                        "fontSize": "35px",
+                                                        "margin": 0,
+                                                        "padding": 0,
+                                                      },
+                                                      "h2": Object {
+                                                        "fontSize": "22px",
+                                                        "fontWeight": 400,
+                                                        "margin": "0 0 10px 0",
+                                                        "padding": 0,
+                                                      },
+                                                    },
+                                                    "info": Object {
+                                                      "background": "white",
+                                                      "bottom": 0,
+                                                      "left": 0,
+                                                      "overflow": "auto",
+                                                      "padding": "0 40px",
+                                                      "position": "fixed",
+                                                      "right": 0,
+                                                      "top": 0,
+                                                      "zIndex": 99999,
+                                                    },
+                                                    "infoBody": Object {
+                                                      "WebkitFontSmoothing": "antialiased",
+                                                      "backgroundColor": "#fff",
+                                                      "border": "1px solid #eee",
+                                                      "borderRadius": "2px",
+                                                      "boxShadow": "0px 2px 3px rgba(0, 0, 0, 0.05)",
+                                                      "color": "#444",
+                                                      "fontFamily": "-apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Roboto\\", \\"Oxygen\\", \\"Ubuntu\\", \\"Cantarell\\", \\"Fira Sans\\", \\"Droid Sans\\", \\"Helvetica Neue\\", \\"Lucida Grande\\", \\"Arial\\", sans-serif",
+                                                      "fontSize": "15px",
+                                                      "fontWeight": 300,
+                                                      "lineHeight": 1.45,
+                                                      "marginBottom": "20px",
+                                                      "marginTop": "20px",
+                                                      "padding": "20px 40px 40px",
+                                                    },
+                                                    "infoContent": Object {
+                                                      "marginBottom": 0,
+                                                    },
+                                                    "infoStory": Object {},
+                                                    "jsxInfoContent": Object {
+                                                      "borderTop": "1px solid #eee",
+                                                      "margin": "20px 0 0 0",
+                                                    },
+                                                    "propTableHead": Object {
+                                                      "margin": "20px 0 0 0",
+                                                    },
+                                                    "source": Object {
+                                                      "h1": Object {
+                                                        "borderBottom": "1px solid #EEE",
+                                                        "fontSize": "25px",
+                                                        "margin": "20px 0 0 0",
+                                                        "padding": "0 0 5px 0",
+                                                      },
+                                                    },
+                                                  }
+                                                }
+                                                val={
+                                                  Object {
+                                                    "a": "a",
+                                                    "b": "b",
+                                                  }
+                                                }
+                                                valueStyles={null}
+                                              >
+                                                <span>
+                                                  {
+                                                  <span
+                                                    style={
+                                                      Object {
+                                                        "color": "#666",
+                                                      }
+                                                    }
+                                                  >
+                                                    {
+                                                    <span
+                                                      key="k0/.0"
+                                                      style={
+                                                        Object {
+                                                          "color": "#666",
+                                                        }
+                                                      }
+                                                    >
+                                                      a
+                                                    </span>
+                                                    : 
+                                                    <PropVal
+                                                      key="v0/.0"
+                                                      maxPropArrayLength={3}
+                                                      maxPropObjectKeys={3}
+                                                      maxPropStringLength={50}
+                                                      theme={Object {}}
+                                                      val="a"
+                                                      valueStyles={
+                                                        Object {
+                                                          "array": Object {
+                                                            "color": "#666",
+                                                          },
+                                                          "attr": Object {
+                                                            "color": "#666",
+                                                          },
+                                                          "bool": Object {
+                                                            "color": "#a11",
+                                                          },
+                                                          "empty": Object {
+                                                            "color": "#777",
+                                                          },
+                                                          "func": Object {
+                                                            "color": "#170",
+                                                          },
+                                                          "number": Object {
+                                                            "color": "#a11",
+                                                          },
+                                                          "object": Object {
+                                                            "color": "#666",
+                                                          },
+                                                          "string": Object {
+                                                            "color": "#22a",
+                                                            "wordBreak": "break-word",
+                                                          },
+                                                        }
+                                                      }
+                                                    >
+                                                      <span
+                                                        style={
+                                                          Object {
+                                                            "color": "#22a",
+                                                            "wordBreak": "break-word",
+                                                          }
+                                                        }
+                                                      >
+                                                        "
+                                                        a
+                                                        "
+                                                      </span>
+                                                    </PropVal>
+                                                    , 
+                                                    <span
+                                                      key="k1/.0"
+                                                      style={
+                                                        Object {
+                                                          "color": "#666",
+                                                        }
+                                                      }
+                                                    >
+                                                      b
+                                                    </span>
+                                                    : 
+                                                    <PropVal
+                                                      key="v1/.0"
+                                                      maxPropArrayLength={3}
+                                                      maxPropObjectKeys={3}
+                                                      maxPropStringLength={50}
+                                                      theme={Object {}}
+                                                      val="b"
+                                                      valueStyles={
+                                                        Object {
+                                                          "array": Object {
+                                                            "color": "#666",
+                                                          },
+                                                          "attr": Object {
+                                                            "color": "#666",
+                                                          },
+                                                          "bool": Object {
+                                                            "color": "#a11",
+                                                          },
+                                                          "empty": Object {
+                                                            "color": "#777",
+                                                          },
+                                                          "func": Object {
+                                                            "color": "#170",
+                                                          },
+                                                          "number": Object {
+                                                            "color": "#a11",
+                                                          },
+                                                          "object": Object {
+                                                            "color": "#666",
+                                                          },
+                                                          "string": Object {
+                                                            "color": "#22a",
+                                                            "wordBreak": "break-word",
+                                                          },
+                                                        }
+                                                      }
+                                                    >
+                                                      <span
+                                                        style={
+                                                          Object {
+                                                            "color": "#22a",
+                                                            "wordBreak": "break-word",
+                                                          }
+                                                        }
+                                                      >
+                                                        "
+                                                        b
+                                                        "
+                                                      </span>
+                                                    </PropVal>
+                                                    }
+                                                  </span>
+                                                  }
+                                                </span>
+                                              </PropVal>
+                                            </ThemedComponent>
+                                          </span>
+                                        </span>
+                                      </span>
+                                      <span
+                                        key="array"
+                                      >
+                                        <span>
+                                          <br />
+                                            
+                                        </span>
+                                        <span
+                                          style={Object {}}
+                                        >
+                                          array
+                                        </span>
+                                        <span>
+                                          =
+                                          <span
+                                            style={Object {}}
+                                          >
+                                            <ThemedComponent
+                                              maxPropArrayLength={3}
+                                              maxPropObjectKeys={3}
+                                              maxPropStringLength={50}
+                                              val={
+                                                Array [
+                                                  1,
+                                                  2,
+                                                  3,
+                                                ]
+                                              }
+                                            >
+                                              <PropVal
+                                                maxPropArrayLength={3}
+                                                maxPropObjectKeys={3}
+                                                maxPropStringLength={50}
+                                                theme={
+                                                  Object {
+                                                    "button": Object {
+                                                      "base": Object {
+                                                        "background": "#28c",
+                                                        "border": "none",
+                                                        "color": "#fff",
+                                                        "cursor": "pointer",
+                                                        "display": "block",
+                                                        "fontFamily": "sans-serif",
+                                                        "fontSize": "12px",
+                                                        "padding": "5px 15px",
+                                                        "position": "fixed",
+                                                      },
+                                                      "topRight": Object {
+                                                        "borderRadius": "0 0 0 5px",
+                                                        "right": 0,
+                                                        "top": 0,
+                                                      },
+                                                    },
+                                                    "children": Object {
+                                                      "position": "relative",
+                                                      "zIndex": 0,
+                                                    },
+                                                    "header": Object {
+                                                      "body": Object {
+                                                        "borderBottom": "1px solid #eee",
+                                                        "marginBottom": 10,
+                                                        "paddingTop": 10,
+                                                      },
+                                                      "h1": Object {
+                                                        "fontSize": "35px",
+                                                        "margin": 0,
+                                                        "padding": 0,
+                                                      },
+                                                      "h2": Object {
+                                                        "fontSize": "22px",
+                                                        "fontWeight": 400,
+                                                        "margin": "0 0 10px 0",
+                                                        "padding": 0,
+                                                      },
+                                                    },
+                                                    "info": Object {
+                                                      "background": "white",
+                                                      "bottom": 0,
+                                                      "left": 0,
+                                                      "overflow": "auto",
+                                                      "padding": "0 40px",
+                                                      "position": "fixed",
+                                                      "right": 0,
+                                                      "top": 0,
+                                                      "zIndex": 99999,
+                                                    },
+                                                    "infoBody": Object {
+                                                      "WebkitFontSmoothing": "antialiased",
+                                                      "backgroundColor": "#fff",
+                                                      "border": "1px solid #eee",
+                                                      "borderRadius": "2px",
+                                                      "boxShadow": "0px 2px 3px rgba(0, 0, 0, 0.05)",
+                                                      "color": "#444",
+                                                      "fontFamily": "-apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Roboto\\", \\"Oxygen\\", \\"Ubuntu\\", \\"Cantarell\\", \\"Fira Sans\\", \\"Droid Sans\\", \\"Helvetica Neue\\", \\"Lucida Grande\\", \\"Arial\\", sans-serif",
+                                                      "fontSize": "15px",
+                                                      "fontWeight": 300,
+                                                      "lineHeight": 1.45,
+                                                      "marginBottom": "20px",
+                                                      "marginTop": "20px",
+                                                      "padding": "20px 40px 40px",
+                                                    },
+                                                    "infoContent": Object {
+                                                      "marginBottom": 0,
+                                                    },
+                                                    "infoStory": Object {},
+                                                    "jsxInfoContent": Object {
+                                                      "borderTop": "1px solid #eee",
+                                                      "margin": "20px 0 0 0",
+                                                    },
+                                                    "propTableHead": Object {
+                                                      "margin": "20px 0 0 0",
+                                                    },
+                                                    "source": Object {
+                                                      "h1": Object {
+                                                        "borderBottom": "1px solid #EEE",
+                                                        "fontSize": "25px",
+                                                        "margin": "20px 0 0 0",
+                                                        "padding": "0 0 5px 0",
+                                                      },
+                                                    },
+                                                  }
+                                                }
+                                                val={
+                                                  Array [
+                                                    1,
+                                                    2,
+                                                    3,
+                                                  ]
+                                                }
+                                                valueStyles={null}
+                                              >
+                                                <span>
+                                                  {
+                                                  <span
+                                                    style={
+                                                      Object {
+                                                        "color": "#666",
+                                                      }
+                                                    }
+                                                  >
+                                                    [
+                                                    <PropVal
+                                                      key="n0/.0"
+                                                      maxPropArrayLength={3}
+                                                      maxPropObjectKeys={3}
+                                                      maxPropStringLength={50}
+                                                      theme={Object {}}
+                                                      val={1}
+                                                      valueStyles={
+                                                        Object {
+                                                          "array": Object {
+                                                            "color": "#666",
+                                                          },
+                                                          "attr": Object {
+                                                            "color": "#666",
+                                                          },
+                                                          "bool": Object {
+                                                            "color": "#a11",
+                                                          },
+                                                          "empty": Object {
+                                                            "color": "#777",
+                                                          },
+                                                          "func": Object {
+                                                            "color": "#170",
+                                                          },
+                                                          "number": Object {
+                                                            "color": "#a11",
+                                                          },
+                                                          "object": Object {
+                                                            "color": "#666",
+                                                          },
+                                                          "string": Object {
+                                                            "color": "#22a",
+                                                            "wordBreak": "break-word",
+                                                          },
+                                                        }
+                                                      }
+                                                    >
+                                                      <span>
+                                                        {
+                                                        <span
+                                                          style={
+                                                            Object {
+                                                              "color": "#a11",
+                                                            }
+                                                          }
+                                                        >
+                                                          1
+                                                        </span>
+                                                        }
+                                                      </span>
+                                                    </PropVal>
+                                                    , 
+                                                    <PropVal
+                                                      key="n1/.0"
+                                                      maxPropArrayLength={3}
+                                                      maxPropObjectKeys={3}
+                                                      maxPropStringLength={50}
+                                                      theme={Object {}}
+                                                      val={2}
+                                                      valueStyles={
+                                                        Object {
+                                                          "array": Object {
+                                                            "color": "#666",
+                                                          },
+                                                          "attr": Object {
+                                                            "color": "#666",
+                                                          },
+                                                          "bool": Object {
+                                                            "color": "#a11",
+                                                          },
+                                                          "empty": Object {
+                                                            "color": "#777",
+                                                          },
+                                                          "func": Object {
+                                                            "color": "#170",
+                                                          },
+                                                          "number": Object {
+                                                            "color": "#a11",
+                                                          },
+                                                          "object": Object {
+                                                            "color": "#666",
+                                                          },
+                                                          "string": Object {
+                                                            "color": "#22a",
+                                                            "wordBreak": "break-word",
+                                                          },
+                                                        }
+                                                      }
+                                                    >
+                                                      <span>
+                                                        {
+                                                        <span
+                                                          style={
+                                                            Object {
+                                                              "color": "#a11",
+                                                            }
+                                                          }
+                                                        >
+                                                          2
+                                                        </span>
+                                                        }
+                                                      </span>
+                                                    </PropVal>
+                                                    , 
+                                                    <PropVal
+                                                      key="n2/.0"
+                                                      maxPropArrayLength={3}
+                                                      maxPropObjectKeys={3}
+                                                      maxPropStringLength={50}
+                                                      theme={Object {}}
+                                                      val={3}
+                                                      valueStyles={
+                                                        Object {
+                                                          "array": Object {
+                                                            "color": "#666",
+                                                          },
+                                                          "attr": Object {
+                                                            "color": "#666",
+                                                          },
+                                                          "bool": Object {
+                                                            "color": "#a11",
+                                                          },
+                                                          "empty": Object {
+                                                            "color": "#777",
+                                                          },
+                                                          "func": Object {
+                                                            "color": "#170",
+                                                          },
+                                                          "number": Object {
+                                                            "color": "#a11",
+                                                          },
+                                                          "object": Object {
+                                                            "color": "#666",
+                                                          },
+                                                          "string": Object {
+                                                            "color": "#22a",
+                                                            "wordBreak": "break-word",
+                                                          },
+                                                        }
+                                                      }
+                                                    >
+                                                      <span>
+                                                        {
+                                                        <span
+                                                          style={
+                                                            Object {
+                                                              "color": "#a11",
+                                                            }
+                                                          }
+                                                        >
+                                                          3
+                                                        </span>
+                                                        }
+                                                      </span>
+                                                    </PropVal>
+                                                    ]
+                                                  </span>
+                                                  }
+                                                </span>
+                                              </PropVal>
+                                            </ThemedComponent>
+                                          </span>
+                                        </span>
+                                      </span>
+                                      <span
+                                        key="number"
+                                      >
+                                        <span>
+                                          <br />
+                                            
+                                        </span>
+                                        <span
+                                          style={Object {}}
+                                        >
+                                          number
+                                        </span>
+                                        <span>
+                                          =
+                                          <span
+                                            style={Object {}}
+                                          >
+                                            <ThemedComponent
+                                              maxPropArrayLength={3}
+                                              maxPropObjectKeys={3}
+                                              maxPropStringLength={50}
+                                              val={7}
+                                            >
+                                              <PropVal
+                                                maxPropArrayLength={3}
+                                                maxPropObjectKeys={3}
+                                                maxPropStringLength={50}
+                                                theme={
+                                                  Object {
+                                                    "button": Object {
+                                                      "base": Object {
+                                                        "background": "#28c",
+                                                        "border": "none",
+                                                        "color": "#fff",
+                                                        "cursor": "pointer",
+                                                        "display": "block",
+                                                        "fontFamily": "sans-serif",
+                                                        "fontSize": "12px",
+                                                        "padding": "5px 15px",
+                                                        "position": "fixed",
+                                                      },
+                                                      "topRight": Object {
+                                                        "borderRadius": "0 0 0 5px",
+                                                        "right": 0,
+                                                        "top": 0,
+                                                      },
+                                                    },
+                                                    "children": Object {
+                                                      "position": "relative",
+                                                      "zIndex": 0,
+                                                    },
+                                                    "header": Object {
+                                                      "body": Object {
+                                                        "borderBottom": "1px solid #eee",
+                                                        "marginBottom": 10,
+                                                        "paddingTop": 10,
+                                                      },
+                                                      "h1": Object {
+                                                        "fontSize": "35px",
+                                                        "margin": 0,
+                                                        "padding": 0,
+                                                      },
+                                                      "h2": Object {
+                                                        "fontSize": "22px",
+                                                        "fontWeight": 400,
+                                                        "margin": "0 0 10px 0",
+                                                        "padding": 0,
+                                                      },
+                                                    },
+                                                    "info": Object {
+                                                      "background": "white",
+                                                      "bottom": 0,
+                                                      "left": 0,
+                                                      "overflow": "auto",
+                                                      "padding": "0 40px",
+                                                      "position": "fixed",
+                                                      "right": 0,
+                                                      "top": 0,
+                                                      "zIndex": 99999,
+                                                    },
+                                                    "infoBody": Object {
+                                                      "WebkitFontSmoothing": "antialiased",
+                                                      "backgroundColor": "#fff",
+                                                      "border": "1px solid #eee",
+                                                      "borderRadius": "2px",
+                                                      "boxShadow": "0px 2px 3px rgba(0, 0, 0, 0.05)",
+                                                      "color": "#444",
+                                                      "fontFamily": "-apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Roboto\\", \\"Oxygen\\", \\"Ubuntu\\", \\"Cantarell\\", \\"Fira Sans\\", \\"Droid Sans\\", \\"Helvetica Neue\\", \\"Lucida Grande\\", \\"Arial\\", sans-serif",
+                                                      "fontSize": "15px",
+                                                      "fontWeight": 300,
+                                                      "lineHeight": 1.45,
+                                                      "marginBottom": "20px",
+                                                      "marginTop": "20px",
+                                                      "padding": "20px 40px 40px",
+                                                    },
+                                                    "infoContent": Object {
+                                                      "marginBottom": 0,
+                                                    },
+                                                    "infoStory": Object {},
+                                                    "jsxInfoContent": Object {
+                                                      "borderTop": "1px solid #eee",
+                                                      "margin": "20px 0 0 0",
+                                                    },
+                                                    "propTableHead": Object {
+                                                      "margin": "20px 0 0 0",
+                                                    },
+                                                    "source": Object {
+                                                      "h1": Object {
+                                                        "borderBottom": "1px solid #EEE",
+                                                        "fontSize": "25px",
+                                                        "margin": "20px 0 0 0",
+                                                        "padding": "0 0 5px 0",
+                                                      },
+                                                    },
+                                                  }
+                                                }
+                                                val={7}
+                                                valueStyles={null}
+                                              >
+                                                <span>
+                                                  {
+                                                  <span
+                                                    style={
+                                                      Object {
+                                                        "color": "#a11",
+                                                      }
+                                                    }
+                                                  >
+                                                    7
+                                                  </span>
+                                                  }
+                                                </span>
+                                              </PropVal>
+                                            </ThemedComponent>
+                                          </span>
+                                        </span>
+                                      </span>
+                                      <span
+                                        key="string"
+                                      >
+                                        <span>
+                                          <br />
+                                            
+                                        </span>
+                                        <span
+                                          style={Object {}}
+                                        >
+                                          string
+                                        </span>
+                                        <span>
+                                          =
+                                          <span
+                                            style={Object {}}
+                                          >
+                                            <ThemedComponent
+                                              maxPropArrayLength={3}
+                                              maxPropObjectKeys={3}
+                                              maxPropStringLength={50}
+                                              val="seven"
+                                            >
+                                              <PropVal
+                                                maxPropArrayLength={3}
+                                                maxPropObjectKeys={3}
+                                                maxPropStringLength={50}
+                                                theme={
+                                                  Object {
+                                                    "button": Object {
+                                                      "base": Object {
+                                                        "background": "#28c",
+                                                        "border": "none",
+                                                        "color": "#fff",
+                                                        "cursor": "pointer",
+                                                        "display": "block",
+                                                        "fontFamily": "sans-serif",
+                                                        "fontSize": "12px",
+                                                        "padding": "5px 15px",
+                                                        "position": "fixed",
+                                                      },
+                                                      "topRight": Object {
+                                                        "borderRadius": "0 0 0 5px",
+                                                        "right": 0,
+                                                        "top": 0,
+                                                      },
+                                                    },
+                                                    "children": Object {
+                                                      "position": "relative",
+                                                      "zIndex": 0,
+                                                    },
+                                                    "header": Object {
+                                                      "body": Object {
+                                                        "borderBottom": "1px solid #eee",
+                                                        "marginBottom": 10,
+                                                        "paddingTop": 10,
+                                                      },
+                                                      "h1": Object {
+                                                        "fontSize": "35px",
+                                                        "margin": 0,
+                                                        "padding": 0,
+                                                      },
+                                                      "h2": Object {
+                                                        "fontSize": "22px",
+                                                        "fontWeight": 400,
+                                                        "margin": "0 0 10px 0",
+                                                        "padding": 0,
+                                                      },
+                                                    },
+                                                    "info": Object {
+                                                      "background": "white",
+                                                      "bottom": 0,
+                                                      "left": 0,
+                                                      "overflow": "auto",
+                                                      "padding": "0 40px",
+                                                      "position": "fixed",
+                                                      "right": 0,
+                                                      "top": 0,
+                                                      "zIndex": 99999,
+                                                    },
+                                                    "infoBody": Object {
+                                                      "WebkitFontSmoothing": "antialiased",
+                                                      "backgroundColor": "#fff",
+                                                      "border": "1px solid #eee",
+                                                      "borderRadius": "2px",
+                                                      "boxShadow": "0px 2px 3px rgba(0, 0, 0, 0.05)",
+                                                      "color": "#444",
+                                                      "fontFamily": "-apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Roboto\\", \\"Oxygen\\", \\"Ubuntu\\", \\"Cantarell\\", \\"Fira Sans\\", \\"Droid Sans\\", \\"Helvetica Neue\\", \\"Lucida Grande\\", \\"Arial\\", sans-serif",
+                                                      "fontSize": "15px",
+                                                      "fontWeight": 300,
+                                                      "lineHeight": 1.45,
+                                                      "marginBottom": "20px",
+                                                      "marginTop": "20px",
+                                                      "padding": "20px 40px 40px",
+                                                    },
+                                                    "infoContent": Object {
+                                                      "marginBottom": 0,
+                                                    },
+                                                    "infoStory": Object {},
+                                                    "jsxInfoContent": Object {
+                                                      "borderTop": "1px solid #eee",
+                                                      "margin": "20px 0 0 0",
+                                                    },
+                                                    "propTableHead": Object {
+                                                      "margin": "20px 0 0 0",
+                                                    },
+                                                    "source": Object {
+                                                      "h1": Object {
+                                                        "borderBottom": "1px solid #EEE",
+                                                        "fontSize": "25px",
+                                                        "margin": "20px 0 0 0",
+                                                        "padding": "0 0 5px 0",
+                                                      },
+                                                    },
+                                                  }
+                                                }
+                                                val="seven"
+                                                valueStyles={null}
+                                              >
+                                                <span
+                                                  style={
+                                                    Object {
+                                                      "color": "#22a",
+                                                      "wordBreak": "break-word",
+                                                    }
+                                                  }
+                                                >
+                                                  "
+                                                  seven
+                                                  "
+                                                </span>
+                                              </PropVal>
+                                            </ThemedComponent>
+                                          </span>
+                                        </span>
+                                      </span>
+                                      <span
+                                        key="bool"
+                                      >
+                                        <span>
+                                          <br />
+                                            
+                                        </span>
+                                        <span
+                                          style={Object {}}
+                                        >
+                                          bool
+                                        </span>
+                                        <br />
+                                      </span>
+                                    </span>
+                                  </Props>
+                                  <span
+                                    style={
+                                      Object {
+                                        "color": "#777",
+                                      }
+                                    }
+                                  >
+                                    /&gt;
+                                  </span>
+                                </div>
+                              </Node>
+                              <div
+                                style={
+                                  Object {
+                                    "paddingLeft": 18,
+                                    "paddingRight": 3,
+                                  }
+                                }
+                              >
+                                <span
+                                  style={
+                                    Object {
+                                      "color": "#777",
+                                    }
+                                  }
+                                >
+                                  &lt;/
+                                  div
+                                  &gt;
+                                </span>
+                              </div>
+                            </div>
+                          </Node>
+                        </div>
+                        <ThemedComponent
+                          onClick={[Function]}
+                          toggled={false}
+                        >
+                          <CopyButton
+                            onClick={[Function]}
+                            theme={
                               Object {
-                                "color": "#777",
+                                "button": Object {
+                                  "base": Object {
+                                    "background": "#28c",
+                                    "border": "none",
+                                    "color": "#fff",
+                                    "cursor": "pointer",
+                                    "display": "block",
+                                    "fontFamily": "sans-serif",
+                                    "fontSize": "12px",
+                                    "padding": "5px 15px",
+                                    "position": "fixed",
+                                  },
+                                  "topRight": Object {
+                                    "borderRadius": "0 0 0 5px",
+                                    "right": 0,
+                                    "top": 0,
+                                  },
+                                },
+                                "children": Object {
+                                  "position": "relative",
+                                  "zIndex": 0,
+                                },
+                                "header": Object {
+                                  "body": Object {
+                                    "borderBottom": "1px solid #eee",
+                                    "marginBottom": 10,
+                                    "paddingTop": 10,
+                                  },
+                                  "h1": Object {
+                                    "fontSize": "35px",
+                                    "margin": 0,
+                                    "padding": 0,
+                                  },
+                                  "h2": Object {
+                                    "fontSize": "22px",
+                                    "fontWeight": 400,
+                                    "margin": "0 0 10px 0",
+                                    "padding": 0,
+                                  },
+                                },
+                                "info": Object {
+                                  "background": "white",
+                                  "bottom": 0,
+                                  "left": 0,
+                                  "overflow": "auto",
+                                  "padding": "0 40px",
+                                  "position": "fixed",
+                                  "right": 0,
+                                  "top": 0,
+                                  "zIndex": 99999,
+                                },
+                                "infoBody": Object {
+                                  "WebkitFontSmoothing": "antialiased",
+                                  "backgroundColor": "#fff",
+                                  "border": "1px solid #eee",
+                                  "borderRadius": "2px",
+                                  "boxShadow": "0px 2px 3px rgba(0, 0, 0, 0.05)",
+                                  "color": "#444",
+                                  "fontFamily": "-apple-system, \\".SFNSText-Regular\\", \\"San Francisco\\", BlinkMacSystemFont, \\"Segoe UI\\", \\"Roboto\\", \\"Oxygen\\", \\"Ubuntu\\", \\"Cantarell\\", \\"Fira Sans\\", \\"Droid Sans\\", \\"Helvetica Neue\\", \\"Lucida Grande\\", \\"Arial\\", sans-serif",
+                                  "fontSize": "15px",
+                                  "fontWeight": 300,
+                                  "lineHeight": 1.45,
+                                  "marginBottom": "20px",
+                                  "marginTop": "20px",
+                                  "padding": "20px 40px 40px",
+                                },
+                                "infoContent": Object {
+                                  "marginBottom": 0,
+                                },
+                                "infoStory": Object {},
+                                "jsxInfoContent": Object {
+                                  "borderTop": "1px solid #eee",
+                                  "margin": "20px 0 0 0",
+                                },
+                                "propTableHead": Object {
+                                  "margin": "20px 0 0 0",
+                                },
+                                "source": Object {
+                                  "h1": Object {
+                                    "borderBottom": "1px solid #EEE",
+                                    "fontSize": "25px",
+                                    "margin": "20px 0 0 0",
+                                    "padding": "0 0 5px 0",
+                                  },
+                                },
                               }
                             }
+                            toggled={false}
                           >
-                            /&gt;
-                          </span>
-                        </div>
-                      </Node>
-                      <div
-                        style={
-                          Object {
-                            "paddingLeft": 18,
-                            "paddingRight": 3,
-                          }
-                        }
-                      >
-                        <span
-                          style={
-                            Object {
-                              "color": "#777",
-                            }
-                          }
-                        >
-                          &lt;/
-                          div
-                          &gt;
-                        </span>
-                      </div>
-                    </div>
-                  </Node>
-                </pre>
-              </Pre>
-            </div>
-            <div>
-              <h1
-                style={
-                  Object {
-                    "borderBottom": "1px solid #EEE",
-                    "fontSize": "25px",
-                    "margin": "20px 0 0 0",
-                    "padding": "0 0 5px 0",
-                  }
-                }
-              >
-                Prop Types
-              </h1>
-              <div
-                key="TestComponent_0"
-              >
-                <h2
+                            <glamorous(button)
+                              onClick={[Function]}
+                              styles={Object {}}
+                            >
+                              <button
+                                className="css-gydez8"
+                                onClick={[Function]}
+                              >
+                                <glamorous(div)
+                                  toggled={false}
+                                >
+                                  <div
+                                    className="css-kv47nt"
+                                  >
+                                    <div
+                                      style={
+                                        Object {
+                                          "marginBottom": 6,
+                                        }
+                                      }
+                                    >
+                                      Copied!
+                                    </div>
+                                    <div>
+                                      Copy
+                                    </div>
+                                  </div>
+                                </glamorous(div)>
+                              </button>
+                            </glamorous(button)>
+                          </CopyButton>
+                        </ThemedComponent>
+                      </pre>
+                    </glamorous(pre)>
+                  </Pre>
+                </ThemedComponent>
+              </div>
+              <div>
+                <h1
                   style={
                     Object {
+                      "borderBottom": "1px solid #EEE",
+                      "fontSize": "25px",
                       "margin": "20px 0 0 0",
+                      "padding": "0 0 5px 0",
                     }
                   }
                 >
-                  "
-                  TestComponent
-                  " Component
-                </h2>
-                <Component
-                  maxPropArrayLength={3}
-                  maxPropObjectKeys={3}
-                  maxPropStringLength={50}
-                  type={[Function]}
+                  Prop Types
+                </h1>
+                <div
+                  key="TestComponent_0"
                 >
-                  <PropTable
+                  <h2
+                    style={
+                      Object {
+                        "margin": "20px 0 0 0",
+                      }
+                    }
+                  >
+                    "
+                    TestComponent
+                    " Component
+                  </h2>
+                  <Component
                     maxPropArrayLength={3}
                     maxPropObjectKeys={3}
                     maxPropStringLength={50}
-                    propDefinitions={Array []}
                     type={[Function]}
                   >
-                    <small>
-                      No propTypes defined!
-                    </small>
-                  </PropTable>
-                </Component>
+                    <PropTable
+                      maxPropArrayLength={3}
+                      maxPropObjectKeys={3}
+                      maxPropStringLength={50}
+                      propDefinitions={Array []}
+                      type={[Function]}
+                    >
+                      <small>
+                        No propTypes defined!
+                      </small>
+                    </PropTable>
+                  </Component>
+                </div>
               </div>
             </div>
           </div>
         </div>
       </div>
-    </div>
+    </ThemeProvider>
   </Story>
 </Component>
 `;
diff --git a/examples/cra-kitchen-sink/src/stories/__snapshots__/index.stories.storyshot b/examples/cra-kitchen-sink/src/stories/__snapshots__/index.stories.storyshot
index a45e4d7aba3..f16b77e5688 100644
--- a/examples/cra-kitchen-sink/src/stories/__snapshots__/index.stories.storyshot
+++ b/examples/cra-kitchen-sink/src/stories/__snapshots__/index.stories.storyshot
@@ -92,92 +92,110 @@ exports[`Storyshots Button addons composition 1`] = `
             Story Source
           </h1>
           <pre
-            style="font-size:.88em;font-family:Menlo, Monaco, \\"Courier New\\", monospace;background-color:#fafafa;padding:.5rem;line-height:1.5;overflow-x:scroll"
+            class="css-4akams"
           >
             <div>
-              <div
-                style="padding-left:18px;padding-right:3px"
-              >
-                <span
-                  style="color:#777"
+              <div>
+                <div
+                  style="padding-left:18px;padding-right:3px"
                 >
-                  &lt;div
-                </span>
-                <span />
-                <span
-                  style="color:#777"
+                  <span
+                    style="color:#777"
+                  >
+                    &lt;div
+                  </span>
+                  <span />
+                  <span
+                    style="color:#777"
+                  >
+                    &gt;
+                  </span>
+                </div>
+                <div
+                  style="padding-left:33px;padding-right:3px"
                 >
-                  &gt;
-                </span>
-              </div>
-              <div
-                style="padding-left:33px;padding-right:3px"
-              >
-                <span
-                  style="color:#777"
-                />
-              </div>
-              <div
-                style="padding-left:33px;padding-right:3px"
-              >
-                <span
-                  style="color:#777"
+                  <span
+                    style="color:#777"
+                  />
+                </div>
+                <div
+                  style="padding-left:33px;padding-right:3px"
                 >
-                  click the 
-                </span>
-              </div>
-              <div
-                style="padding-left:33px;padding-right:3px"
-              >
-                <span
-                  style="color:#777"
+                  <span
+                    style="color:#777"
+                  >
+                    click the 
+                  </span>
+                </div>
+                <div
+                  style="padding-left:33px;padding-right:3px"
                 >
-                  &lt;InfoButton
-                </span>
-                <span />
-                <span
-                  style="color:#777"
+                  <span
+                    style="color:#777"
+                  >
+                    &lt;InfoButton
+                  </span>
+                  <span />
+                  <span
+                    style="color:#777"
+                  >
+                    /&gt;
+                  </span>
+                </div>
+                <div
+                  style="padding-left:33px;padding-right:3px"
                 >
-                  /&gt;
-                </span>
-              </div>
-              <div
-                style="padding-left:33px;padding-right:3px"
-              >
-                <span
-                  style="color:#777"
+                  <span
+                    style="color:#777"
+                  >
+                     label in top right for info about "
+                  </span>
+                </div>
+                <div
+                  style="padding-left:33px;padding-right:3px"
                 >
-                   label in top right for info about "
-                </span>
-              </div>
-              <div
-                style="padding-left:33px;padding-right:3px"
-              >
-                <span
-                  style="color:#777"
+                  <span
+                    style="color:#777"
+                  >
+                    addons composition
+                  </span>
+                </div>
+                <div
+                  style="padding-left:33px;padding-right:3px"
                 >
-                  addons composition
-                </span>
-              </div>
-              <div
-                style="padding-left:33px;padding-right:3px"
-              >
-                <span
-                  style="color:#777"
+                  <span
+                    style="color:#777"
+                  >
+                    "
+                  </span>
+                </div>
+                <div
+                  style="padding-left:18px;padding-right:3px"
                 >
-                  "
-                </span>
-              </div>
-              <div
-                style="padding-left:18px;padding-right:3px"
-              >
-                <span
-                  style="color:#777"
-                >
-                  &lt;/div&gt;
-                </span>
+                  <span
+                    style="color:#777"
+                  >
+                    &lt;/div&gt;
+                  </span>
+                </div>
               </div>
             </div>
+            <button
+              class="css-gydez8"
+            >
+              <div
+                class="css-kv47nt"
+              >
+                <div
+                  style="margin-bottom:6px"
+                >
+                  Copied!
+                </div>
+                <div>
+                  Copy
+                </div>
+              </div>
+            </button>
           </pre>
         </div>
         <div>
@@ -278,92 +296,110 @@ exports[`Storyshots Button with new info 1`] = `
             Story Source
           </h1>
           <pre
-            style="font-size:.88em;font-family:Menlo, Monaco, \\"Courier New\\", monospace;background-color:#fafafa;padding:.5rem;line-height:1.5;overflow-x:scroll"
+            class="css-4akams"
           >
             <div>
-              <div
-                style="padding-left:18px;padding-right:3px"
-              >
-                <span
-                  style="color:#777"
+              <div>
+                <div
+                  style="padding-left:18px;padding-right:3px"
                 >
-                  &lt;Container
-                </span>
-                <span />
-                <span
-                  style="color:#777"
+                  <span
+                    style="color:#777"
+                  >
+                    &lt;Container
+                  </span>
+                  <span />
+                  <span
+                    style="color:#777"
+                  >
+                    &gt;
+                  </span>
+                </div>
+                <div
+                  style="padding-left:33px;padding-right:3px"
                 >
-                  &gt;
-                </span>
-              </div>
-              <div
-                style="padding-left:33px;padding-right:3px"
-              >
-                <span
-                  style="color:#777"
-                />
-              </div>
-              <div
-                style="padding-left:33px;padding-right:3px"
-              >
-                <span
-                  style="color:#777"
+                  <span
+                    style="color:#777"
+                  />
+                </div>
+                <div
+                  style="padding-left:33px;padding-right:3px"
                 >
-                  click the 
-                </span>
-              </div>
-              <div
-                style="padding-left:33px;padding-right:3px"
-              >
-                <span
-                  style="color:#777"
+                  <span
+                    style="color:#777"
+                  >
+                    click the 
+                  </span>
+                </div>
+                <div
+                  style="padding-left:33px;padding-right:3px"
                 >
-                  &lt;InfoButton
-                </span>
-                <span />
-                <span
-                  style="color:#777"
+                  <span
+                    style="color:#777"
+                  >
+                    &lt;InfoButton
+                  </span>
+                  <span />
+                  <span
+                    style="color:#777"
+                  >
+                    /&gt;
+                  </span>
+                </div>
+                <div
+                  style="padding-left:33px;padding-right:3px"
                 >
-                  /&gt;
-                </span>
-              </div>
-              <div
-                style="padding-left:33px;padding-right:3px"
-              >
-                <span
-                  style="color:#777"
+                  <span
+                    style="color:#777"
+                  >
+                     label in top right for info about "
+                  </span>
+                </div>
+                <div
+                  style="padding-left:33px;padding-right:3px"
                 >
-                   label in top right for info about "
-                </span>
-              </div>
-              <div
-                style="padding-left:33px;padding-right:3px"
-              >
-                <span
-                  style="color:#777"
+                  <span
+                    style="color:#777"
+                  >
+                    with new info
+                  </span>
+                </div>
+                <div
+                  style="padding-left:33px;padding-right:3px"
                 >
-                  with new info
-                </span>
-              </div>
-              <div
-                style="padding-left:33px;padding-right:3px"
-              >
-                <span
-                  style="color:#777"
+                  <span
+                    style="color:#777"
+                  >
+                    "
+                  </span>
+                </div>
+                <div
+                  style="padding-left:18px;padding-right:3px"
                 >
-                  "
-                </span>
-              </div>
-              <div
-                style="padding-left:18px;padding-right:3px"
-              >
-                <span
-                  style="color:#777"
-                >
-                  &lt;/Container&gt;
-                </span>
+                  <span
+                    style="color:#777"
+                  >
+                    &lt;/Container&gt;
+                  </span>
+                </div>
               </div>
             </div>
+            <button
+              class="css-gydez8"
+            >
+              <div
+                class="css-kv47nt"
+              >
+                <div
+                  style="margin-bottom:6px"
+                >
+                  Copied!
+                </div>
+                <div>
+                  Copy
+                </div>
+              </div>
+            </button>
           </pre>
         </div>
         <div>
@@ -674,85 +710,103 @@ exports[`Storyshots Button with some info 1`] = `
             Story Source
           </h1>
           <pre
-            style="font-size:.88em;font-family:Menlo, Monaco, \\"Courier New\\", monospace;background-color:#fafafa;padding:.5rem;line-height:1.5;overflow-x:scroll"
+            class="css-4akams"
           >
             <div>
-              <div
-                style="padding-left:18px;padding-right:3px"
-              >
-                <span
-                  style="color:#777"
+              <div>
+                <div
+                  style="padding-left:18px;padding-right:3px"
                 >
-                  &lt;Container
-                </span>
-                <span />
-                <span
-                  style="color:#777"
+                  <span
+                    style="color:#777"
+                  >
+                    &lt;Container
+                  </span>
+                  <span />
+                  <span
+                    style="color:#777"
+                  >
+                    &gt;
+                  </span>
+                </div>
+                <div
+                  style="padding-left:33px;padding-right:3px"
                 >
-                  &gt;
-                </span>
-              </div>
-              <div
-                style="padding-left:33px;padding-right:3px"
-              >
-                <span
-                  style="color:#777"
+                  <span
+                    style="color:#777"
+                  >
+                    click the 
+                  </span>
+                </div>
+                <div
+                  style="padding-left:33px;padding-right:3px"
                 >
-                  click the 
-                </span>
-              </div>
-              <div
-                style="padding-left:33px;padding-right:3px"
-              >
-                <span
-                  style="color:#777"
+                  <span
+                    style="color:#777"
+                  >
+                    &lt;InfoButton
+                  </span>
+                  <span />
+                  <span
+                    style="color:#777"
+                  >
+                    /&gt;
+                  </span>
+                </div>
+                <div
+                  style="padding-left:33px;padding-right:3px"
                 >
-                  &lt;InfoButton
-                </span>
-                <span />
-                <span
-                  style="color:#777"
+                  <span
+                    style="color:#777"
+                  >
+                     label in top right for info about "
+                  </span>
+                </div>
+                <div
+                  style="padding-left:33px;padding-right:3px"
                 >
-                  /&gt;
-                </span>
-              </div>
-              <div
-                style="padding-left:33px;padding-right:3px"
-              >
-                <span
-                  style="color:#777"
+                  <span
+                    style="color:#777"
+                  >
+                    with some info
+                  </span>
+                </div>
+                <div
+                  style="padding-left:33px;padding-right:3px"
                 >
-                   label in top right for info about "
-                </span>
-              </div>
-              <div
-                style="padding-left:33px;padding-right:3px"
-              >
-                <span
-                  style="color:#777"
+                  <span
+                    style="color:#777"
+                  >
+                    "
+                  </span>
+                </div>
+                <div
+                  style="padding-left:18px;padding-right:3px"
                 >
-                  with some info
-                </span>
-              </div>
-              <div
-                style="padding-left:33px;padding-right:3px"
-              >
-                <span
-                  style="color:#777"
-                >
-                  "
-                </span>
-              </div>
-              <div
-                style="padding-left:18px;padding-right:3px"
-              >
-                <span
-                  style="color:#777"
-                >
-                  &lt;/Container&gt;
-                </span>
+                  <span
+                    style="color:#777"
+                  >
+                    &lt;/Container&gt;
+                  </span>
+                </div>
               </div>
             </div>
+            <button
+              class="css-gydez8"
+            >
+              <div
+                class="css-kv47nt"
+              >
+                <div
+                  style="margin-bottom:6px"
+                >
+                  Copied!
+                </div>
+                <div>
+                  Copy
+                </div>
+              </div>
+            </button>
           </pre>
         </div>
         <div>
diff --git a/examples/official-storybook/stories/__snapshots__/addon-info.stories.storyshot b/examples/official-storybook/stories/__snapshots__/addon-info.stories.storyshot
index c581d34dc47..96251e5235c 100644
--- a/examples/official-storybook/stories/__snapshots__/addon-info.stories.storyshot
+++ b/examples/official-storybook/stories/__snapshots__/addon-info.stories.storyshot
@@ -58,41 +58,59 @@ exports[`Storyshots Addon Info.Decorator Use Info as story decorator 1`] = `
             Story Source
           </h1>
           <pre
-            style="font-size:.88em;font-family:Menlo, Monaco, \\"Courier New\\", monospace;background-color:#fafafa;padding:.5rem;line-height:1.5;overflow-x:scroll"
+            class="css-4akams"
           >
-            <div
-              style="padding-left:18px;padding-right:3px"
-            >
-              <span
-                style="color:#777"
+            <div>
+              <div
+                style="padding-left:18px;padding-right:3px"
               >
-                &lt;BaseButton
-              </span>
-              <span>
+                <span
+                  style="color:#777"
+                >
+                  &lt;BaseButton
+                </span>
                 <span>
-                   
                   <span>
-                    label
-                  </span>
-                  <span>
-                    =
+                     
                     <span>
-                      <span
-                        style="color:#22a;word-break:break-word"
-                      >
-                        "Button"
+                      label
+                    </span>
+                    <span>
+                      =
+                      <span>
+                        <span
+                          style="color:#22a;word-break:break-word"
+                        >
+                          "Button"
+                        </span>
                       </span>
                     </span>
+                     
                   </span>
-                   
                 </span>
-              </span>
-              <span
-                style="color:#777"
-              >
-                /&gt;
-              </span>
+                <span
+                  style="color:#777"
+                >
+                  /&gt;
+                </span>
+              </div>
             </div>
+            <button
+              class="css-gydez8"
+            >
+              <div
+                class="css-kv47nt"
+              >
+                <div
+                  style="margin-bottom:6px"
+                >
+                  Copied!
+                </div>
+                <div>
+                  Copy
+                </div>
+              </div>
+            </button>
           </pre>
         </div>
         <div>
@@ -335,64 +353,82 @@ exports[`Storyshots Addon Info.GitHub issues #1814 1`] = `
             Story Source
           </h1>
           <pre
-            style="font-size:.88em;font-family:Menlo, Monaco, \\"Courier New\\", monospace;background-color:#fafafa;padding:.5rem;line-height:1.5;overflow-x:scroll"
+            class="css-4akams"
           >
             <div>
-              <div
-                style="padding-left:18px;padding-right:3px"
-              >
-                <span
-                  style="color:#777"
+              <div>
+                <div
+                  style="padding-left:18px;padding-right:3px"
                 >
-                  &lt;div
-                </span>
-                <span />
-                <span
-                  style="color:#777"
+                  <span
+                    style="color:#777"
+                  >
+                    &lt;div
+                  </span>
+                  <span />
+                  <span
+                    style="color:#777"
+                  >
+                    &gt;
+                  </span>
+                </div>
+                <div
+                  style="padding-left:33px;padding-right:3px"
                 >
-                  &gt;
-                </span>
-              </div>
-              <div
-                style="padding-left:33px;padding-right:3px"
-              >
-                <span
-                  style="color:#777"
+                  <span
+                    style="color:#777"
+                  >
+                    &lt;Unknown
+                  </span>
+                  <span />
+                  <span
+                    style="color:#777"
+                  >
+                    /&gt;
+                  </span>
+                </div>
+                <div
+                  style="padding-left:33px;padding-right:3px"
                 >
-                  &lt;Unknown
-                </span>
-                <span />
-                <span
-                  style="color:#777"
+                  <span
+                    style="color:#777"
+                  >
+                    &lt;Unknown
+                  </span>
+                  <span />
+                  <span
+                    style="color:#777"
+                  >
+                    /&gt;
+                  </span>
+                </div>
+                <div
+                  style="padding-left:18px;padding-right:3px"
                 >
-                  /&gt;
-                </span>
-              </div>
-              <div
-                style="padding-left:33px;padding-right:3px"
-              >
-                <span
-                  style="color:#777"
-                >
-                  &lt;Unknown
-                </span>
-                <span />
-                <span
-                  style="color:#777"
-                >
-                  /&gt;
-                </span>
-              </div>
-              <div
-                style="padding-left:18px;padding-right:3px"
-              >
-                <span
-                  style="color:#777"
-                >
-                  &lt;/div&gt;
-                </span>
+                  <span
+                    style="color:#777"
+                  >
+                    &lt;/div&gt;
+                  </span>
+                </div>
               </div>
             </div>
+            <button
+              class="css-gydez8"
+            >
+              <div
+                class="css-kv47nt"
+              >
+                <div
+                  style="margin-bottom:6px"
+                >
+                  Copied!
+                </div>
+                <div>
+                  Copy
+                </div>
+              </div>
+            </button>
           </pre>
         </div>
         <div>
@@ -517,61 +553,79 @@ exports[`Storyshots Addon Info.Markdown Displays Markdown in description 1`] = `
             Story Source
           </h1>
           <pre
-            style="font-size:.88em;font-family:Menlo, Monaco, \\"Courier New\\", monospace;background-color:#fafafa;padding:.5rem;line-height:1.5;overflow-x:scroll"
+            class="css-4akams"
           >
-            <div
-              style="padding-left:18px;padding-right:3px"
-            >
-              <span
-                style="color:#777"
+            <div>
+              <div
+                style="padding-left:18px;padding-right:3px"
               >
-                &lt;BaseButton
-              </span>
-              <span>
+                <span
+                  style="color:#777"
+                >
+                  &lt;BaseButton
+                </span>
                 <span>
-                   
                   <span>
-                    onClick
-                  </span>
-                  <span>
-                    =
+                     
                     <span>
+                      onClick
+                    </span>
+                    <span>
+                      =
                       <span>
-                        {
-                        <span
-                          style="color:#170"
-                        >
-                          clicked()
+                        <span>
+                          {
+                          <span
+                            style="color:#170"
+                          >
+                            clicked()
+                          </span>
+                          }
                         </span>
-                        }
                       </span>
                     </span>
                   </span>
-                </span>
-                <span>
-                   
                   <span>
-                    label
-                  </span>
-                  <span>
-                    =
+                     
                     <span>
-                      <span
-                        style="color:#22a;word-break:break-word"
-                      >
-                        "Button"
+                      label
+                    </span>
+                    <span>
+                      =
+                      <span>
+                        <span
+                          style="color:#22a;word-break:break-word"
+                        >
+                          "Button"
+                        </span>
                       </span>
                     </span>
+                     
                   </span>
-                   
                 </span>
-              </span>
-              <span
-                style="color:#777"
-              >
-                /&gt;
-              </span>
+                <span
+                  style="color:#777"
+                >
+                  /&gt;
+                </span>
+              </div>
             </div>
+            <button
+              class="css-gydez8"
+            >
+              <div
+                class="css-kv47nt"
+              >
+                <div
+                  style="margin-bottom:6px"
+                >
+                  Copied!
+                </div>
+                <div>
+                  Copy
+                </div>
+              </div>
+            </button>
           </pre>
         </div>
         <div>
@@ -802,41 +856,59 @@ exports[`Storyshots Addon Info.Options.TableComponent Use a custom component for
             Story Source
           </h1>
           <pre
-            style="font-size:.88em;font-family:Menlo, Monaco, \\"Courier New\\", monospace;background-color:#fafafa;padding:.5rem;line-height:1.5;overflow-x:scroll"
+            class="css-4akams"
           >
-            <div
-              style="padding-left:18px;padding-right:3px"
-            >
-              <span
-                style="color:#777"
+            <div>
+              <div
+                style="padding-left:18px;padding-right:3px"
               >
-                &lt;BaseButton
-              </span>
-              <span>
+                <span
+                  style="color:#777"
+                >
+                  &lt;BaseButton
+                </span>
                 <span>
-                   
                   <span>
-                    label
-                  </span>
-                  <span>
-                    =
+                     
                     <span>
-                      <span
-                        style="color:#22a;word-break:break-word"
-                      >
-                        "Button"
+                      label
+                    </span>
+                    <span>
+                      =
+                      <span>
+                        <span
+                          style="color:#22a;word-break:break-word"
+                        >
+                          "Button"
+                        </span>
                       </span>
                     </span>
+                     
                   </span>
-                   
                 </span>
-              </span>
-              <span
-                style="color:#777"
-              >
-                /&gt;
-              </span>
+                <span
+                  style="color:#777"
+                >
+                  /&gt;
+                </span>
+              </div>
             </div>
+            <button
+              class="css-gydez8"
+            >
+              <div
+                class="css-kv47nt"
+              >
+                <div
+                  style="margin-bottom:6px"
+                >
+                  Copied!
+                </div>
+                <div>
+                  Copy
+                </div>
+              </div>
+            </button>
           </pre>
         </div>
         <div>
@@ -964,41 +1036,59 @@ exports[`Storyshots Addon Info.Options.header Shows or hides Info Addon header 1
             Story Source
           </h1>
           <pre
-            style="font-size:.88em;font-family:Menlo, Monaco, \\"Courier New\\", monospace;background-color:#fafafa;padding:.5rem;line-height:1.5;overflow-x:scroll"
+            class="css-4akams"
           >
-            <div
-              style="padding-left:18px;padding-right:3px"
-            >
-              <span
-                style="color:#777"
+            <div>
+              <div
+                style="padding-left:18px;padding-right:3px"
               >
-                &lt;BaseButton
-              </span>
-              <span>
+                <span
+                  style="color:#777"
+                >
+                  &lt;BaseButton
+                </span>
                 <span>
-                   
                   <span>
-                    label
-                  </span>
-                  <span>
-                    =
+                     
                     <span>
-                      <span
-                        style="color:#22a;word-break:break-word"
-                      >
-                        "Button"
+                      label
+                    </span>
+                    <span>
+                      =
+                      <span>
+                        <span
+                          style="color:#22a;word-break:break-word"
+                        >
+                          "Button"
+                        </span>
                       </span>
                     </span>
+                     
                   </span>
-                   
                 </span>
-              </span>
-              <span
-                style="color:#777"
-              >
-                /&gt;
-              </span>
+                <span
+                  style="color:#777"
+                >
+                  /&gt;
+                </span>
+              </div>
             </div>
+            <button
+              class="css-gydez8"
+            >
+              <div
+                class="css-kv47nt"
+              >
+                <div
+                  style="margin-bottom:6px"
+                >
+                  Copied!
+                </div>
+                <div>
+                  Copy
+                </div>
+              </div>
+            </button>
           </pre>
         </div>
         <div>
@@ -1227,41 +1317,59 @@ exports[`Storyshots Addon Info.Options.inline Inlines component inside story 1`]
           Story Source
         </h1>
         <pre
-          style="font-size:.88em;font-family:Menlo, Monaco, \\"Courier New\\", monospace;background-color:#fafafa;padding:.5rem;line-height:1.5;overflow-x:scroll"
+          class="css-4akams"
         >
-          <div
-            style="padding-left:18px;padding-right:3px"
-          >
-            <span
-              style="color:#777"
+          <div>
+            <div
+              style="padding-left:18px;padding-right:3px"
             >
-              &lt;BaseButton
-            </span>
-            <span>
+              <span
+                style="color:#777"
+              >
+                &lt;BaseButton
+              </span>
               <span>
-                 
                 <span>
-                  label
-                </span>
-                <span>
-                  =
+                   
                   <span>
-                    <span
-                      style="color:#22a;word-break:break-word"
-                    >
-                      "Button"
+                    label
+                  </span>
+                  <span>
+                    =
+                    <span>
+                      <span
+                        style="color:#22a;word-break:break-word"
+                      >
+                        "Button"
+                      </span>
                     </span>
                   </span>
+                   
                 </span>
-                 
               </span>
-            </span>
-            <span
-              style="color:#777"
-            >
-              /&gt;
-            </span>
+              <span
+                style="color:#777"
+              >
+                /&gt;
+              </span>
+            </div>
           </div>
+          <button
+            class="css-gydez8"
+          >
+            <div
+              class="css-kv47nt"
+            >
+              <div
+                style="margin-bottom:6px"
+              >
+                Copied!
+              </div>
+              <div>
+                Copy
+              </div>
+            </div>
+          </button>
         </pre>
       </div>
       <div>
@@ -1500,41 +1608,59 @@ exports[`Storyshots Addon Info.Options.propTables Shows additional component pro
             Story Source
           </h1>
           <pre
-            style="font-size:.88em;font-family:Menlo, Monaco, \\"Courier New\\", monospace;background-color:#fafafa;padding:.5rem;line-height:1.5;overflow-x:scroll"
+            class="css-4akams"
           >
-            <div
-              style="padding-left:18px;padding-right:3px"
-            >
-              <span
-                style="color:#777"
+            <div>
+              <div
+                style="padding-left:18px;padding-right:3px"
               >
-                &lt;BaseButton
-              </span>
-              <span>
+                <span
+                  style="color:#777"
+                >
+                  &lt;BaseButton
+                </span>
                 <span>
-                   
                   <span>
-                    label
-                  </span>
-                  <span>
-                    =
+                     
                     <span>
-                      <span
-                        style="color:#22a;word-break:break-word"
-                      >
-                        "Button"
+                      label
+                    </span>
+                    <span>
+                      =
+                      <span>
+                        <span
+                          style="color:#22a;word-break:break-word"
+                        >
+                          "Button"
+                        </span>
                       </span>
                     </span>
+                     
                   </span>
-                   
                 </span>
-              </span>
-              <span
-                style="color:#777"
-              >
-                /&gt;
-              </span>
+                <span
+                  style="color:#777"
+                >
+                  /&gt;
+                </span>
+              </div>
             </div>
+            <button
+              class="css-gydez8"
+            >
+              <div
+                class="css-kv47nt"
+              >
+                <div
+                  style="margin-bottom:6px"
+                >
+                  Copied!
+                </div>
+                <div>
+                  Copy
+                </div>
+              </div>
+            </button>
           </pre>
         </div>
         <div>
@@ -1891,100 +2017,118 @@ exports[`Storyshots Addon Info.Options.propTablesExclude Exclude component from
             Story Source
           </h1>
           <pre
-            style="font-size:.88em;font-family:Menlo, Monaco, \\"Courier New\\", monospace;background-color:#fafafa;padding:.5rem;line-height:1.5;overflow-x:scroll"
+            class="css-4akams"
           >
             <div>
-              <div
-                style="padding-left:18px;padding-right:3px"
-              >
-                <span
-                  style="color:#777"
+              <div>
+                <div
+                  style="padding-left:18px;padding-right:3px"
                 >
-                  &lt;div
-                </span>
-                <span />
-                <span
-                  style="color:#777"
+                  <span
+                    style="color:#777"
+                  >
+                    &lt;div
+                  </span>
+                  <span />
+                  <span
+                    style="color:#777"
+                  >
+                    &gt;
+                  </span>
+                </div>
+                <div
+                  style="padding-left:33px;padding-right:3px"
                 >
-                  &gt;
-                </span>
-              </div>
-              <div
-                style="padding-left:33px;padding-right:3px"
-              >
-                <span
-                  style="color:#777"
-                >
-                  &lt;BaseButton
-                </span>
-                <span>
+                  <span
+                    style="color:#777"
+                  >
+                    &lt;BaseButton
+                  </span>
                   <span>
-                     
                     <span>
-                      label
-                    </span>
-                    <span>
-                      =
+                       
                       <span>
-                        <span
-                          style="color:#22a;word-break:break-word"
-                        >
-                          "Button"
+                        label
+                      </span>
+                      <span>
+                        =
+                        <span>
+                          <span
+                            style="color:#22a;word-break:break-word"
+                          >
+                            "Button"
+                          </span>
                         </span>
                       </span>
+                       
                     </span>
-                     
                   </span>
-                </span>
-                <span
-                  style="color:#777"
+                  <span
+                    style="color:#777"
+                  >
+                    /&gt;
+                  </span>
+                </div>
+                <div
+                  style="padding-left:33px;padding-right:3px"
                 >
-                  /&gt;
-                </span>
-              </div>
-              <div
-                style="padding-left:33px;padding-right:3px"
-              >
-                <span
-                  style="color:#777"
-                >
-                  &lt;FlowTypeButton
-                </span>
-                <span>
+                  <span
+                    style="color:#777"
+                  >
+                    &lt;FlowTypeButton
+                  </span>
                   <span>
-                     
                     <span>
-                      label
-                    </span>
-                    <span>
-                      =
+                       
                       <span>
-                        <span
-                          style="color:#22a;word-break:break-word"
-                        >
-                          "Flow Typed Button"
+                        label
+                      </span>
+                      <span>
+                        =
+                        <span>
+                          <span
+                            style="color:#22a;word-break:break-word"
+                          >
+                            "Flow Typed Button"
+                          </span>
                         </span>
                       </span>
+                       
                     </span>
-                     
                   </span>
-                </span>
-                <span
-                  style="color:#777"
+                  <span
+                    style="color:#777"
+                  >
+                    /&gt;
+                  </span>
+                </div>
+                <div
+                  style="padding-left:18px;padding-right:3px"
                 >
-                  /&gt;
-                </span>
-              </div>
-              <div
-                style="padding-left:18px;padding-right:3px"
-              >
-                <span
-                  style="color:#777"
-                >
-                  &lt;/div&gt;
-                </span>
+                  <span
+                    style="color:#777"
+                  >
+                    &lt;/div&gt;
+                  </span>
+                </div>
               </div>
             </div>
+            <button
+              class="css-gydez8"
+            >
+              <div
+                class="css-kv47nt"
+              >
+                <div
+                  style="margin-bottom:6px"
+                >
+                  Copied!
+                </div>
+                <div>
+                  Copy
+                </div>
+              </div>
+            </button>
           </pre>
         </div>
         <div>
@@ -2445,41 +2589,59 @@ exports[`Storyshots Addon Info.Options.styles Extend info styles with an object
             Story Source
           </h1>
           <pre
-            style="font-size:.88em;font-family:Menlo, Monaco, \\"Courier New\\", monospace;background-color:#fafafa;padding:.5rem;line-height:1.5;overflow-x:scroll"
+            class="css-4akams"
           >
-            <div
-              style="padding-left:18px;padding-right:3px"
-            >
-              <span
-                style="color:#777"
+            <div>
+              <div
+                style="padding-left:18px;padding-right:3px"
               >
-                &lt;BaseButton
-              </span>
-              <span>
+                <span
+                  style="color:#777"
+                >
+                  &lt;BaseButton
+                </span>
                 <span>
-                   
                   <span>
-                    label
-                  </span>
-                  <span>
-                    =
+                     
                     <span>
-                      <span
-                        style="color:#22a;word-break:break-word"
-                      >
-                        "Button"
+                      label
+                    </span>
+                    <span>
+                      =
+                      <span>
+                        <span
+                          style="color:#22a;word-break:break-word"
+                        >
+                          "Button"
+                        </span>
                       </span>
                     </span>
+                     
                   </span>
-                   
                 </span>
-              </span>
-              <span
-                style="color:#777"
-              >
-                /&gt;
-              </span>
+                <span
+                  style="color:#777"
+                >
+                  /&gt;
+                </span>
+              </div>
             </div>
+            <button
+              class="css-gydez8"
+            >
+              <div
+                class="css-kv47nt"
+              >
+                <div
+                  style="margin-bottom:6px"
+                >
+                  Copied!
+                </div>
+                <div>
+                  Copy
+                </div>
+              </div>
+            </button>
           </pre>
         </div>
         <div>
@@ -2710,41 +2872,59 @@ exports[`Storyshots Addon Info.Options.styles Full control over styles using a f
             Story Source
           </h1>
           <pre
-            style="font-size:.88em;font-family:Menlo, Monaco, \\"Courier New\\", monospace;background-color:#fafafa;padding:.5rem;line-height:1.5;overflow-x:scroll"
+            class="css-4akams"
           >
-            <div
-              style="padding-left:18px;padding-right:3px"
-            >
-              <span
-                style="color:#777"
+            <div>
+              <div
+                style="padding-left:18px;padding-right:3px"
               >
-                &lt;BaseButton
-              </span>
-              <span>
+                <span
+                  style="color:#777"
+                >
+                  &lt;BaseButton
+                </span>
                 <span>
-                   
                   <span>
-                    label
-                  </span>
-                  <span>
-                    =
+                     
                     <span>
-                      <span
-                        style="color:#22a;word-break:break-word"
-                      >
-                        "Button"
+                      label
+                    </span>
+                    <span>
+                      =
+                      <span>
+                        <span
+                          style="color:#22a;word-break:break-word"
+                        >
+                          "Button"
+                        </span>
                       </span>
                     </span>
+                     
                   </span>
-                   
                 </span>
-              </span>
-              <span
-                style="color:#777"
-              >
-                /&gt;
-              </span>
+                <span
+                  style="color:#777"
+                >
+                  /&gt;
+                </span>
+              </div>
             </div>
+            <button
+              class="css-gydez8"
+            >
+              <div
+                class="css-kv47nt"
+              >
+                <div
+                  style="margin-bottom:6px"
+                >
+                  Copied!
+                </div>
+                <div>
+                  Copy
+                </div>
+              </div>
+            </button>
           </pre>
         </div>
         <div>
@@ -2984,61 +3164,79 @@ exports[`Storyshots Addon Info.React Docgen Comments from Flow declarations 1`]
             Story Source
           </h1>
           <pre
-            style="font-size:.88em;font-family:Menlo, Monaco, \\"Courier New\\", monospace;background-color:#fafafa;padding:.5rem;line-height:1.5;overflow-x:scroll"
+            class="css-4akams"
           >
-            <div
-              style="padding-left:18px;padding-right:3px"
-            >
-              <span
-                style="color:#777"
+            <div>
+              <div
+                style="padding-left:18px;padding-right:3px"
               >
-                &lt;FlowTypeButton
-              </span>
-              <span>
+                <span
+                  style="color:#777"
+                >
+                  &lt;FlowTypeButton
+                </span>
                 <span>
-                   
                   <span>
-                    onClick
-                  </span>
-                  <span>
-                    =
+                     
                     <span>
+                      onClick
+                    </span>
+                    <span>
+                      =
                       <span>
-                        {
-                        <span
-                          style="color:#170"
-                        >
-                          clicked()
+                        <span>
+                          {
+                          <span
+                            style="color:#170"
+                          >
+                            clicked()
+                          </span>
+                          }
                         </span>
-                        }
                       </span>
                     </span>
                   </span>
-                </span>
-                <span>
-                   
                   <span>
-                    label
-                  </span>
-                  <span>
-                    =
+                     
                     <span>
-                      <span
-                        style="color:#22a;word-break:break-word"
-                      >
-                        "Flow Typed Button"
+                      label
+                    </span>
+                    <span>
+                      =
+                      <span>
+                        <span
+                          style="color:#22a;word-break:break-word"
+                        >
+                          "Flow Typed Button"
+                        </span>
                       </span>
                     </span>
+                     
                   </span>
-                   
                 </span>
-              </span>
-              <span
-                style="color:#777"
-              >
-                /&gt;
-              </span>
+                <span
+                  style="color:#777"
+                >
+                  /&gt;
+                </span>
+              </div>
             </div>
+            <button
+              class="css-gydez8"
+            >
+              <div
+                class="css-kv47nt"
+              >
+                <div
+                  style="margin-bottom:6px"
+                >
+                  Copied!
+                </div>
+                <div>
+                  Copy
+                </div>
+              </div>
+            </button>
           </pre>
         </div>
         <div>
@@ -3224,61 +3422,79 @@ exports[`Storyshots Addon Info.React Docgen Comments from PropType declarations
             Story Source
           </h1>
           <pre
-            style="font-size:.88em;font-family:Menlo, Monaco, \\"Courier New\\", monospace;background-color:#fafafa;padding:.5rem;line-height:1.5;overflow-x:scroll"
+            class="css-4akams"
           >
-            <div
-              style="padding-left:18px;padding-right:3px"
-            >
-              <span
-                style="color:#777"
+            <div>
+              <div
+                style="padding-left:18px;padding-right:3px"
               >
-                &lt;DocgenButton
-              </span>
-              <span>
+                <span
+                  style="color:#777"
+                >
+                  &lt;DocgenButton
+                </span>
                 <span>
-                   
                   <span>
-                    onClick
-                  </span>
-                  <span>
-                    =
+                     
                     <span>
+                      onClick
+                    </span>
+                    <span>
+                      =
                       <span>
-                        {
-                        <span
-                          style="color:#170"
-                        >
-                          clicked()
+                        <span>
+                          {
+                          <span
+                            style="color:#170"
+                          >
+                            clicked()
+                          </span>
+                          }
                         </span>
-                        }
                       </span>
                     </span>
                   </span>
-                </span>
-                <span>
-                   
                   <span>
-                    label
-                  </span>
-                  <span>
-                    =
+                     
                     <span>
-                      <span
-                        style="color:#22a;word-break:break-word"
-                      >
-                        "Docgen Button"
+                      label
+                    </span>
+                    <span>
+                      =
+                      <span>
+                        <span
+                          style="color:#22a;word-break:break-word"
+                        >
+                          "Docgen Button"
+                        </span>
                       </span>
                     </span>
+                     
                   </span>
-                   
                 </span>
-              </span>
-              <span
-                style="color:#777"
-              >
-                /&gt;
-              </span>
+                <span
+                  style="color:#777"
+                >
+                  /&gt;
+                </span>
+              </div>
             </div>
+            <button
+              class="css-gydez8"
+            >
+              <div
+                class="css-kv47nt"
+              >
+                <div
+                  style="margin-bottom:6px"
+                >
+                  Copied!
+                </div>
+                <div>
+                  Copy
+                </div>
+              </div>
+            </button>
           </pre>
         </div>
         <div>
@@ -3685,61 +3901,79 @@ exports[`Storyshots Addon Info.React Docgen Comments from component declaration
             Story Source
           </h1>
           <pre
-            style="font-size:.88em;font-family:Menlo, Monaco, \\"Courier New\\", monospace;background-color:#fafafa;padding:.5rem;line-height:1.5;overflow-x:scroll"
+            class="css-4akams"
           >
-            <div
-              style="padding-left:18px;padding-right:3px"
-            >
-              <span
-                style="color:#777"
+            <div>
+              <div
+                style="padding-left:18px;padding-right:3px"
               >
-                &lt;BaseButton
-              </span>
-              <span>
+                <span
+                  style="color:#777"
+                >
+                  &lt;BaseButton
+                </span>
                 <span>
-                   
                   <span>
-                    onClick
-                  </span>
-                  <span>
-                    =
+                     
                     <span>
+                      onClick
+                    </span>
+                    <span>
+                      =
                       <span>
-                        {
-                        <span
-                          style="color:#170"
-                        >
-                          clicked()
+                        <span>
+                          {
+                          <span
+                            style="color:#170"
+                          >
+                            clicked()
+                          </span>
+                          }
                         </span>
-                        }
                       </span>
                     </span>
                   </span>
-                </span>
-                <span>
-                   
                   <span>
-                    label
-                  </span>
-                  <span>
-                    =
+                     
                     <span>
-                      <span
-                        style="color:#22a;word-break:break-word"
-                      >
-                        "Button"
+                      label
+                    </span>
+                    <span>
+                      =
+                      <span>
+                        <span
+                          style="color:#22a;word-break:break-word"
+                        >
+                          "Button"
+                        </span>
                       </span>
                     </span>
+                     
                   </span>
-                   
                 </span>
-              </span>
-              <span
-                style="color:#777"
-              >
-                /&gt;
-              </span>
+                <span
+                  style="color:#777"
+                >
+                  /&gt;
+                </span>
+              </div>
             </div>
+            <button
+              class="css-gydez8"
+            >
+              <div
+                class="css-kv47nt"
+              >
+                <div
+                  style="margin-bottom:6px"
+                >
+                  Copied!
+                </div>
+                <div>
+                  Copy
+                </div>
+              </div>
+            </button>
           </pre>
         </div>
         <div>