Ekenorg
diff --git a/‎examples/with-react-toolbox/README.md
+27 b/‎examples/with-react-toolbox/README.md
+27
diff --git a/‎examples/with-react-toolbox/package.json
+35 b/‎examples/with-react-toolbox/package.json
+35
diff --git a/‎examples/with-react-toolbox/pages/index.js
+16 b/‎examples/with-react-toolbox/pages/index.js
+16
diff --git a/‎examples/with-react-toolbox/static/theme.css
+1 b/‎examples/with-react-toolbox/static/theme.css
+1
diff --git a/‎examples/with-react-toolbox/static/theme.js
+1 b/‎examples/with-react-toolbox/static/theme.js
+1
@@ -0,0 +1,27 @@
+[![Deploy to now](https://deploy.now.sh/static/button.svg)](https://deploy.now.sh/?repo=https://github.com/zeit/next.js/tree/master/examples/with-react-toolbox)
+
+# With react-toolbox example
+
+## How to use
+
+Download the example [or clone the repo](https://github.com/zeit/next.js):
+
+```bash
+curl https://codeload.github.com/zeit/next.js/tar.gz/master | tar -xz --strip=2 next.js-master/examples/with-react-toolbox
+cd with-react-toolbox
+```
+
+Install it and run:
+
+```bash
+yarn
+yarn dev
+```
+
+Notice that `yarn toolbox` (or `npm run toolbox`) should be rerun every time the `"reactToolbox"` configuration in `package.json` is changed, in order to update `static/theme.js` and `static/theme.css`. The `"reactToolbox"` configuration includes styling, and the list of react-toolbox components to include.
+
+## The idea behind the example
+
+This is a simple example of getting react-toolbox up and running, using [react-toolbox-themr](https://github.com/react-toolbox/react-toolbox-themr).
+
+For actual use, you probably also want to add Roboto Font, and Material Design Icons. See <http://react-toolbox.com/#/install>
@@ -0,0 +1,35 @@
+{
+  "name": "with-react-toolbox",
+  "version": "0.0.1",
+  "scripts": {
+    "dev": "next",
+    "build": "next build",
+    "start": "next start",
+    "toolbox": "react-toolbox-themr"
+  },
+  "dependencies": {
+    "classnames": "^2.2.5",
+    "next": "latest",
+    "react": "^15.5.4",
+    "react-addons-css-transition-group": "^15.5.2",
+    "react-dom": "^15.5.4",
+    "react-toolbox": "^2.0.0-beta.8"
+  },
+  "devDependencies": {
+    "react-toolbox-themr": "^1.0.2"
+  },
+  "reactToolbox": {
+    "include": [
+      "BUTTON",
+      "DATE_PICKER"
+    ],
+    "customProperties": {
+      "animation-duration": "0.3s",
+      "color-accent": "var(--palette-pink-a200)",
+      "color-accent-dark": "var(--palette-pink-700)",
+      "color-primary-contrast": "var(--color-dark-contrast)",
+      "color-accent-contrast": "var(--color-dark-contrast)"
+    },
+    "output": "static"
+  }
+}
@@ -0,0 +1,16 @@
+import ThemeProvider from 'react-toolbox/lib/ThemeProvider'
+import theme from '../static/theme'
+import Head from 'next/head'
+
+import Button from 'react-toolbox/lib/button/Button'
+
+export default () => (
+  <div>
+    <Head>
+      <link href='/static/theme.css' rel='stylesheet' />
+    </Head>
+    <ThemeProvider theme={theme}>
+      <Button raised primary>Hello</Button>
+    </ThemeProvider>
+  </div>
+)