Sheet

Side panel over a scrim; Drawer is the bottom placement.

Playground

const [open, setOpen] = useState(false);

<Sheet
  isOpen={open}
  onOpenChange={setOpen}
  placement="right"
  isDismissable
>
  <Dialog>…</Dialog>
</Sheet>