Add flex box components

1 files changed, 27 insertions, 0 deletions

diff --git a/packages/gitbook-plugin-theme-default/src/components/Toolbar.js b/packages/gitbook-plugin-theme-default/src/components/Toolbar.js
new file mode 100644
index 0000000..de89f97
--- /dev/null
+++ b/packages/gitbook-plugin-theme-default/src/components/Toolbar.js
@@ -0,0 +1,27 @@
+const React = require('react');
+const GitBook = require('gitbook-core');
+
+const sidebar = require('../actions/sidebar');
+
+const Toolbar = React.createClass({
+    propTypes: {
+        dispatch: React.PropTypes.func
+    },
+
+    onToggle() {
+        const { dispatch } = this.props;
+        dispatch(sidebar.toggle());
+    },
+
+    render() {
+        return (
+            <div className="Toolbar book-toolbar">
+                <button onClick={this.onToggle}>Toggle</button>
+                <GitBook.InjectedComponentSet matching={{ role: 'toolbar:buttons:left' }} />
+                <GitBook.InjectedComponentSet matching={{ role: 'toolbar:buttons:right' }} />
+            </div>
+        );
+    }
+});
+
+module.exports = GitBook.connect(Toolbar);