From b7c50ea748681f50e0f1616bc43e9ff34ee1ab52 Mon Sep 17 00:00:00 2001 From: Javi Velasco Date: Fri, 20 Jan 2017 19:27:50 +0100 Subject: [PATCH] Add NavDrawer to spec --- spec/index.html | 1 + spec/index.js | 2 +- spec/root.js | 115 ++++++++++++++++++++++++++++++------------------ spec/style.css | 5 ++- 4 files changed, 78 insertions(+), 45 deletions(-) diff --git a/spec/index.html b/spec/index.html index 3747b100..9da986dd 100644 --- a/spec/index.html +++ b/spec/index.html @@ -17,6 +17,7 @@ +
diff --git a/spec/index.js b/spec/index.js index 5cb125ea..43fafd57 100644 --- a/spec/index.js +++ b/spec/index.js @@ -2,4 +2,4 @@ import React from 'react'; import ReactDOM from 'react-dom'; import Root from './root'; -ReactDOM.render(, document.body); +ReactDOM.render(, document.getElementById('spec')); diff --git a/spec/root.js b/spec/root.js index 5fef7e6f..a18edf45 100644 --- a/spec/root.js +++ b/spec/root.js @@ -1,13 +1,16 @@ /* global VERSION */ import 'normalize.css'; -import React from 'react'; +import React, { Component } from 'react'; + +import { Layout, Panel, NavDrawer } from '../components/layout'; import AppBar from '../components/app_bar'; +import ButtonToolbox from '../components/button'; + import Autocomplete from './components/autocomplete'; import AppBarTest from './components/app_bar'; import Avatar from './components/avatar'; import FontIcon from './components/font_icon'; import Button from './components/button'; -import ButtonToolbox from '../components/button'; import Card from './components/card'; import Checkbox from './components/checkbox'; import Chip from './components/chip'; @@ -15,8 +18,7 @@ import Dialog from './components/dialog'; import Drawer from './components/drawer'; import Dropdown from './components/dropdown'; import IconMenu from './components/icon_menu'; -import Input from './components/input'; -import { Layout, Panel } from '../components/layout'; +import InputTest from './components/input'; import List from './components/list'; import Menu from './components/menu'; import Pickers from './components/pickers'; @@ -30,45 +32,72 @@ import Tabs from './components/tabs'; import Tooltip from './components/tooltip'; import style from './style.css'; -const Root = () => ( - - - {window.href = 'http://react-toolbox';}} - /> - +class Root extends Component { + state = { pinned: false }; - - - - - -