1 files changed, 30 insertions, 0 deletions
diff --git a/deps/npm/docs/src/components/Sidebar.js b/deps/npm/docs/src/components/Sidebar.js
new file mode 100644
index 0000000000..ea03729cfa
--- /dev/null
+++ b/deps/npm/docs/src/components/Sidebar.js
@@ -0,0 +1,30 @@
+import React from 'react'
+import styled from 'styled-components'
+import DocLinks from './DocLinks'
+
+const Container = styled.nav`
+  border-right: 1px solid #86838333;
+  padding: 30px;
+  height: 100vh;
+  display: none;
+  width: 380px;
+  position: sticky;
+  overflow: scroll;
+  padding-bottom: 200px;
+  top: 54px;
+  background-color: ${(props) => props.theme.colors.white};
+
+  @media screen and (min-width: ${(props) => props.theme.breakpoints.TABLET}) {
+    display: block;
+  }
+`
+
+const Sidebar = () => {
+  return (
+    <Container>
+      <DocLinks />
+    </Container>
+  )
+}
+
+export default Sidebar