fix(docz): better default playground component

doczjs · Aug 30, 2019 · f90d7a9 · f90d7a9
1 parent 08f12c7
commit f90d7a9
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/core/docz/src/hooks/useComponents.tsx b/core/docz/src/hooks/useComponents.tsx
@@ -30,10 +30,10 @@ export interface ComponentsMap {
 const DefNotFound: SFC = () => <Fragment>Not found</Fragment>
 const DefLayout: SFC = ({ children }) => <Fragment>{children}</Fragment>
 const DefPlayground: SFC<PlaygroundProps> = ({ component, code }) => (
-  <Fragment>
+  <div>
     {component}
-    {code}
-  </Fragment>
+    <pre>{code}</pre>
+  </div>
 )
 
 const defaultComponents: ComponentsMap = {