mobile navigation

1 files changed, 19 insertions, 0 deletions

diff --git a/vnext/src/components/NavigationIcon.js b/vnext/src/components/NavigationIcon.js
new file mode 100644
index 00000000..5c5415ef
--- /dev/null
+++ b/vnext/src/components/NavigationIcon.js
@@ -0,0 +1,19 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+import Icon from './Icon';
+
+import './NavigationIcon.css';
+
+export default function NavigationIcon(props) {
+    return (
+        <div id="navicon" className="mobile" onClick={props.onToggle}>
+            <Icon name="ei-navicon" size="s"/>
+        </div>
+    );
+}
+
+NavigationIcon.propTypes = {
+    onToggle: PropTypes.func.isRequired
+};
+