ورودیهاSwitch Button
کلید
کلید روشن/خاموش برای تنظیمات
پیشفرض
کلید ساده با برچسب
<div className="flex items-center gap-3">
<Switch id="airplane" />
<Label htmlFor="airplane">عنوان</Label>
</div>نصب دستی
وابستگیها
برای استفاده از Switch Button، باید این بستهها را نصب کنید:
npm install @radix-ui/react-switchکد زیر را میتوانید در پروژه خود کپی کنید تا Switch Button را به صورت دستی اضافه کنید:
نمونههای بیشتر
با توضیحات
کلید همراه با متن توضیحی
متن توضیحات
گروه تنظیمات
چندین کلید در یک کارت تنظیمات
اعلانها
تنظیمات اعلانهای خود را مدیریت کنید