Drawer

const [open, setOpen] = useState(false)

<Drawer open={open} onOpenChange={setOpen}>
  <Drawer.Trigger asChild>
    <Button variant="outline">Open Drawer</Button>
  </Drawer.Trigger>
  <Drawer.Content>
    <Drawer.Header>
      <Drawer.Title>Drawer Title</Drawer.Title>
      <Drawer.Description>This is a description of the drawer.</Drawer.Description>
    </Drawer.Header>
    <Drawer.Body>
      <p>This is a drawer panel. You can place any content here, including navigation, forms, or detail views.</p>
    </Drawer.Body>
    <Drawer.Footer>
      <Drawer.Close asChild>
        <Button variant="ghost" size="md" pressEffect={false}>Cancel</Button>
      </Drawer.Close>
      <Button size="md" pressEffect={false}>Save</Button>
    </Drawer.Footer>
  </Drawer.Content>
</Drawer>