diff --git a/ui/src/components/toggle/index.js b/ui/src/components/toggle/index.js
new file mode 100644
index 00000000..ec2e6577
--- /dev/null
+++ b/ui/src/components/toggle/index.js
@@ -0,0 +1,36 @@
+const classNames = require('classnames');
+const React = require('react');
+const styles = require('./style.css');
+
+const Toggle = ({
+ off = false,
+ className,
+ style
+}) => {
+ const tgl = classNames(
+ className,
+ styles.toggle,
+ off ? styles.off : styles.on,
+ );
+
+ const btn = classNames(
+ className,
+ styles.btn
+ );
+
+ return (
+
+
+
+ {off ? 'Off' : 'On'}
+
+
+ );
+};
+
+Toggle.propTypes = {
+ className: React.PropTypes.string,
+ style: React.PropTypes.object
+};
+
+module.exports = Toggle;
diff --git a/ui/src/components/toggle/readme.md b/ui/src/components/toggle/readme.md
new file mode 100644
index 00000000..053f8d32
--- /dev/null
+++ b/ui/src/components/toggle/readme.md
@@ -0,0 +1,29 @@
+# `