playground page

Author: ivansfdc

demo/index.js

@@ -30,10 +30,15 @@ import PageHeaderSection from './pages/PageHeaderSection';
 import PicklistSection from './pages/PicklistSection';
 import TooltipSection from './pages/TooltipSection';
 
+import Playground from './pages/Playground';
+
 const routes = (
     <Route name="home" path="/" handler={HomePage}>
       <DefaultRoute handler={Welcome} />
 
+      <Route name="playground" path="playground" handler={Playground} />
+
+
       <Route name="welcome" path="welcome" handler={Welcome} />
       <Route name="getting-started" path="getting-started" handler={GettingStarted} />
       <Route name="breadcrumb" path="breadcrumb" handler={BreadCrumbSection}/>

demo/pages/Playground.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import Router from 'react-router';
+const { Link } = Router;
+import GlobalVariables from 'demo/docs/globalVariables';
+
+
+module.exports = React.createClass({
+  render(){
+    return (
+      <section className="copy-text" style={{"maxWidth": "800px"}}>
+        <h1 className='slds-text-heading--large'>
+          Playground!
+        </h1>
+      </section>
+    );
+  }
+});