export default function Example() {
  return (
    <Drawer.Root id="overflow">
      <Drawer.Trigger>See drawer with overflow</Drawer.Trigger>
      <Drawer.Content height="200px">
        <Drawer.Close />
        <Box
          css={{
            display: "flex",
            alignItems: "center",
            justifyContent: "center",
            height: "100vh",
          }}
        >
          Overflow by scrolling
        </Box>
      </Drawer.Content>
      <Drawer.Scrim />
    </Drawer.Root>
  );
}

To enter the code editing mode, press Enter. To exit the edit mode, press Escape

You are editing the code. To exit the edit mode, press Escape