From bb6fe7325dfe76c0618d34455e56122c3204a3b3 Mon Sep 17 00:00:00 2001
From: "Thomas F. K. Jorna" <hello@tefkah.com>
Date: Mon, 11 Oct 2021 01:27:47 +0200
Subject: chore: build

---
 pages/slidetest.tsx | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)
 create mode 100644 pages/slidetest.tsx

(limited to 'pages/slidetest.tsx')

diff --git a/pages/slidetest.tsx b/pages/slidetest.tsx
new file mode 100644
index 0000000..ca39cf9
--- /dev/null
+++ b/pages/slidetest.tsx
@@ -0,0 +1,30 @@
+import React from 'react'
+import { Box, Button, Flex, Slide, useDisclosure } from '@chakra-ui/react'
+import { Collapse } from '../components/Sidebar/Collapse'
+
+export default function Test() {
+  const { isOpen, onClose, onOpen, onToggle } = useDisclosure()
+  return (
+    <>
+      <Button onClick={onToggle}>togg</Button>
+      <Flex flexDirection="row" justifyContent="space-between" w="100vw">
+        <Box color="blue.500" width="100%">
+          a
+        </Box>
+        <Collapse
+          animateOpacity={false}
+          dimension="width"
+          in={isOpen}
+          //style={{ position: 'relative' }}
+          unmountOnExit
+          endingSize={500}
+          startingSize={0}
+        >
+          <Box height="100vh" bgColor="red.500">
+            Hey
+          </Box>
+        </Collapse>
+      </Flex>
+    </>
+  )
+}
-- 
cgit v1.2.3

