Sheet

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

Navigation

<SheetNavigation
  title="Your account"
  isOpen={open}
  onOpenChange={setOpen}
>
  …
</SheetNavigation>

Playground

placement

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

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