ورودی‌هاCheckbox

چک‌باکس

کنترل انتخاب چندگانه برای فرم‌ها

پیش‌فرض

چک‌باکس ساده با برچسب

<div className="flex items-center gap-2">
  <Checkbox id="terms" />
  <Label htmlFor="terms">عنوان</Label>
</div>

نصب دستی

وابستگی‌ها

برای استفاده از Checkbox، باید این بسته‌ها را نصب کنید:

npm install @radix-ui/react-checkbox

کد زیر را می‌توانید در پروژه خود کپی کنید تا Checkbox را به صورت دستی اضافه کنید:

نمونه‌های بیشتر

گروه چک‌باکس

چندین چک‌باکس برای انتخاب‌های متعدد

با توضیحات

چک‌باکس همراه با متن توضیحی

با علامت‌گذاری این گزینه، شرایط استفاده از خدمات را می‌پذیرم