added changes which includes change in codespace

Author: prasanna1211

docs/client/components/PlaygroundPage/index.js

@@ -39,11 +39,17 @@ class PlaygroundPage extends React.Component {
           <PlaygroundWithPreview
             activeComponent={this.state.activeComponent}
             defaultCode={this.state.defaultCode}
-          />
-          <Documentation
-            isDocumentationOn={this.state.isDocumentationOn}
             expandDocumentation={this.expandDocumentation}
+            isDocumentationOn={this.state.isDocumentationOn}
           />
+          {
+            this.state.isDocumentationOn && (
+              <Documentation
+                activeDocs={this.state.activeDocs}
+                isDocumentationOn={this.state.isDocumentationOn}
+              />
+            )
+          }
         </ComponentBar>
       </div>
     );

docs/client/components/common/DefaultCode/index.js

@@ -1,19 +1,2 @@
-export const CardDefaultCode =   `
-class Demo extends React.Component {
-  render() {
-    return (
-      <Card
-        header='Card String header'
-        wrapContent
-        noPadding
-        theme={customTheme}>
-        <div>Card Content</div>
-        <div>Card Content</div>
-        <div>Card Content</div>
-      </Card>
-    )
-  }
-}
 
-return <Demo />;
-`;
+export { defaultCode as CardDefaultCode } from './Card';

docs/client/components/common/componentList.js

@@ -1,14 +1,14 @@
 import Card from '../../../../src/card';
-// import CardReadme from '../../../../src/card/readMe.md';
+import CardReadme from '../../../../src/card/readMe.md';
 
 import {
   CardDefaultCode
 } from './DefaultCode';
 
 export const componentList = [
   {
-    name: 'card',
-    // doc: CardReadme,
+    name: 'Card',
+    docs: CardReadme,
     component: Card,
     defaultCode: CardDefaultCode,
   },  

docs/package.json

@@ -28,6 +28,7 @@
     "react-dom": "^16.4.1",
     "react-flexbox-grid": "^2.1.2",
     "react-router-dom": "^4.3.1",
+    "react-switch": "^3.0.4",
     "sass-loader": "^7.0.3",
     "webpack": "^4.12.0"
   },

docs/webpack.config.development.js

@@ -47,11 +47,10 @@ module.exports = {
         test: /\.(txt)$/,
         use: 'raw-loader',
         include: path.resolve(__dirname, './app/components/layout/main/modules')
-      }, 
-      // {
-      //   test: /\.(md)$/,
-      //   use: 'html-loader!highlight-loader!markdown-loader'
-      // }
+      }, {
+        test: /\.(md)$/,
+        use: ['html-loader', 'highlight-loader', 'markdown-loader']
+      }
     ]
   },
   plugins: [