summaryrefslogtreecommitdiff
path: root/pages/slidetest.tsx
diff options
context:
space:
mode:
authorThomas F. K. Jorna <[email protected]>2021-10-11 01:27:47 +0200
committerThomas F. K. Jorna <[email protected]>2021-10-11 01:27:47 +0200
commitbb6fe7325dfe76c0618d34455e56122c3204a3b3 (patch)
tree63585e12385dfa5c7501f03646cb2a88cb43a0da /pages/slidetest.tsx
parent546a88ec37073840e98ed689f7139d04985e861c (diff)
chore: build
Diffstat (limited to 'pages/slidetest.tsx')
-rw-r--r--pages/slidetest.tsx30
1 files changed, 30 insertions, 0 deletions
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>
+ </>
+ )
+}