کلید

نصب

1. با CLI

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

   $ npx vibefarsi add switch

2. نصب دستی

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

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

استفاده

1import { Switch } from "@/components/ui/switch"23<label className="flex items-center justify-between">4  <span>اعلان ایمیلی</span>5  <Switch defaultChecked onCheckedChange={setEmail} />6</label>

پراپ‌ها

نکته‌های راست‌چین

• در RTL حالت «روشن» یعنی دستگیره سمت چپ. با translate منفی پیاده شده تا با dir هماهنگ بمونه.