Drawer

const [open, setOpen] = useState(false)

<Drawer open={open} onOpenChange={setOpen}>
  <DrawerTrigger asChild>
    <Button variant="outline">Open Drawer</Button>
  </DrawerTrigger>
  <DrawerContent>
    <DrawerHeader>
      <DrawerTitle>Drawer Title</DrawerTitle>
      <DrawerDescription>This is a description of the drawer.</DrawerDescription>
    </DrawerHeader>
    <DrawerBody>
      <p>This is a drawer panel. You can place any content here, including navigation, forms, or detail views.</p>
    </DrawerBody>
    <DrawerFooter>
      <DrawerClose asChild>
        <Button variant="ghost" size="md" pressEffect={false}>Cancel</Button>
      </DrawerClose>
      <Button size="md" pressEffect={false}>Save</Button>
    </DrawerFooter>
  </DrawerContent>
</Drawer>