پالت دستور
commandکامپوننتجستوجو و اجرای دستور با ⌘K، با گروهبندی و میانبر.
Esc
عملها
رفتن به
⌘K
نصب
با CLI
اگر هنوز init نکردهاید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور قطعه و وابستگیهایش را مینویسد.
$ npx vibefarsi add commandنصب دستی
محتوای تب «کد» را در
components/ui/command.tsxبگذارید.$ npm i lucide-reactکپی کل فایلregistry json
استفاده
usage.tsx
1import { CommandDialog } from "@/components/ui/command"23const [open, setOpen] = useState(false)4<CommandDialog5 open={open}6 onOpenChange={setOpen}7 items={[8 { id: "new", label: "افزودن محصول", group: "عملها", shortcut: "N", onSelect: () => router.push("/products/new") },9 { id: "orders", label: "سفارشهای امروز", group: "رفتن به", icon: ShoppingBag },10 ]}11/>پراپها
| پراپ | نوع | پیشفرض | توضیح |
|---|---|---|---|
| items | CommandItem[] | - | id، label، icon، shortcut، keywords، group، onSelect. |
| open / onOpenChange | boolean | - | برای CommandDialog؛ ⌘K و Ctrl+K خودکار وصلاند. |