Sha256: 5dc18de0f632d2c361e1afdd1b3ae1c81ef2ac41c53fa126edbb159bee58f044
Contents?: true
Size: 817 Bytes
Versions: 61
Compression:
Stored size: 817 Bytes
Contents
import React, { useState } from "react"
import { Button, Drawer, Flex } from "playbook-ui"
const useDrawer = (visible = false) => {
const [opened, setOpened] = useState(visible)
const toggle = () => setOpened(!opened)
return [opened, toggle]
}
const DrawerBehavior = () => {
const [drawerOpen, toggleDrawerOpen] = useDrawer()
return (
<>
<Flex wrap>
<Button id='sm'
marginRight='md'
onClick={toggleDrawerOpen}
>
{"Push Behavior"}
</Button>
</Flex>
<Flex>
<Drawer
behavior={"push"}
onClose={toggleDrawerOpen}
opened={drawerOpen}
size={"lg"}
>
Test me (Push Behavior)
</Drawer>
</Flex>
</>
)
}
export default DrawerBehavior
Version data entries
61 entries across 61 versions & 2 rubygems