کشو
sheetکامپوننتپنل کناری که از سمت راست باز میشه، برای فیلتر، سبد خرید و منوی موبایل.
نصب
با CLI
اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگیهاش را مینویسه.
$ npx vibefarsi add sheetنصب دستی
محتوای تب «کد» را در
components/ui/sheet.tsxبگذارید. کلیدفریم را هم بهglobals.cssاضافه کنید.$ npm i lucide-reactکپی کل فایلregistry json
استفاده
usage.tsx
1import { Sheet } from "@/components/ui/sheet"23<Sheet open={open} onOpenChange={setOpen} title="فیلترها">4 …5</Sheet>پراپها
| پراپ | نوع | پیشفرض | توضیح |
|---|---|---|---|
| side | "start" | "end" | "bottom" | "start" | start در RTL یعنی راست. |