پرتوپرتو

سوییچ (Switch)

کنترل تغییر وضعیت دوحالته

معرفی

کامپوننت Switch برای تغییر وضعیت بین دو حالت استفاده می‌شود.

استفاده

import { Switch } from '@parto/ui';
import { Label } from '@parto/ui';

export default function MyComponent() {
  return (
    <div className="flex items-center gap-2">
      <Switch id="airplane-mode" />
      <Label htmlFor="airplane-mode">حالت هواپیما</Label>
    </div>
  );
}

ویژگی‌ها

  • انیمیشن نرم
  • پشتیبانی از حالت disabled
  • کاملاً قابل دسترس