گروه چکباکس
checkbox-groupکامپوننتچکباکس تکی با حالت نامشخص و گروه چکباکس با وضعیت مشترک.
نصب
با CLI
اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگیهاش را مینویسه.
$ npx vibefarsi add checkbox-groupنصب دستی
محتوای تب «کد» را در
components/ui/checkbox.tsxبگذارید.$ npm i lucide-reactکپی کل فایلregistry json
استفاده
usage.tsx
1import { Checkbox, CheckboxGroup } from "@/components/ui/checkbox"23<CheckboxGroup4 defaultValue={["ship"]}5 options={[6 { value: "ship", label: "ارسال رایگان" },7 { value: "gift", label: "بستهبندی هدیه", description: "۲۰ هزار تومان" },8 ]}9/>پراپها
| پراپ | نوع | پیشفرض | توضیح |
|---|---|---|---|
| checked | boolean | "indeterminate" | - | حالت نامشخص برای «انتخاب همه». |
| label / description | ReactNode | - | متن کنار جعبه. |
| options | { value; label; description?; disabled? }[] | - | برای CheckboxGroup. |