Sheet

<Sheet>
  <SheetTrigger render={<Button variant="outline" />}>Open sheet</SheetTrigger>
  <SheetContent side="right">
    <SheetHeader>
      <SheetTitle>Edit profile</SheetTitle>
      <SheetDescription>Shown next to your posts.</SheetDescription>
    </SheetHeader>
    {/* fields */}
    <SheetFooter>
      <SheetClose render={<Button />}>Save</SheetClose>
    </SheetFooter>
  </SheetContent>
</Sheet>

<SheetContent side="right" showCloseButton={false}>
  {/* no corner ✕ — commit via footer actions */}
  <SheetHeader>…</SheetHeader>
  <SheetFooter>
    <SheetClose render={<Button variant="outline" />}>Cancel</SheetClose>
    <SheetClose render={<Button />}>Publish</SheetClose>
  </SheetFooter>
</SheetContent>

<SheetContent side="top">…</SheetContent>
<SheetContent side="right">…</SheetContent>
<SheetContent side="bottom">…</SheetContent>
<SheetContent side="left">…</SheetContent>