پنل کناری (Sheet)

import {
  Sheet,
  SheetContent,
  SheetDescription,
  SheetHeader,
  SheetTitle,
  SheetTrigger,
} from '@parto/ui';
import { Button } from '@parto/ui';

export default function MyComponent() {
  return (
    <Sheet>
      <SheetTrigger asChild>
        <Button>باز کردن</Button>
      </SheetTrigger>
      <SheetContent>
        <SheetHeader>
          <SheetTitle>عنوان</SheetTitle>
          <SheetDescription>
            توضیحات در اینجا قرار می‌گیرد
          </SheetDescription>
        </SheetHeader>
      </SheetContent>
    </Sheet>
  );
}

<SheetContent side="right"> {/* پیش‌فرض */}
<SheetContent side="left">
<SheetContent side="top">
<SheetContent side="bottom">