وایب‌فارسیUI

گروه رادیویی

radio-groupکامپوننت

انتخاب یک گزینه از چند گزینه، با توضیح زیر هر کدام و یک واریانت کارتی.

نصب

  1. با CLI

    اگر هنوز init نکردید، اول از راهنمای نصب پروژه را آماده کنید. بعد این دستور کامپوننت و وابستگی‌هاش را می‌نویسه.

    $ npx vibefarsi add radio-group

  2. نصب دستی

    محتوای تب «کد» را در components/ui/radio-group.tsx بگذارید.

    $ npm i lucide-react
    کپی کل فایلregistry json

استفاده

usage.tsx
1import { RadioGroup } from "@/components/ui/radio-group"23<RadioGroup4  variant="cards"5  defaultValue="post"6  options={[7    { value: "post", label: "پست پیشتاز", description: "۳ تا ۵ روز کاری" },8    { value: "bike", label: "پیک موتوری", description: "امروز، فقط تهران" },9  ]}10/>

پراپ‌ها

پراپنوعپیش‌فرضتوضیح
variant"list" | "cards""list"کارتی برای انتخاب روش ارسال یا پلن.
options{ value; label; description?; disabled? }[]-گزینه‌ها.
قبلیگروه چک‌باکسبعدیکلید