در حال بارگزاری...

###### از دست ندهید! به‌روزرسانی جدید منتشر شده است.

###### چیزی که دوست دارید اکنون در فروش است!

هم اکنون بخرید!

#### Switch

#### Custom switch

A switch has the markup of a custom checkbox but uses the .form-switch class to render a `toggle switch`.

#### سوئیچ نمادها

از `.switch-state` و `icon-state` از طریق سوئیچ های نمادهای تعریف شده

استفاده کنید.
سوئیچ اصلی
سوئیچ ثانویه
سوئیچ موفقیت
سوئیچ خطر
سوئیچ هشدار
سوئیچ اطلاعات
سوئیچ تاریک

#### سوئیچ علامت نخورده

از کلاس `.bg-*` از طریق سوئیچ های پیش فرض ایجاد شده استفاده کنید.

علامت سوئیچ اصلی را بردارید
علامت سوئیچ ثانویه را بردارید
تیک سوئیچ موفقیت را بردارید
علامت سوئیچ خطر را بردارید
علامت سوئیچ هشدارر را بردارید
علامت سوئیچ اطلاعات را بردارید
علامت دارک سوئیچ را بردارید

#### مرزها با نمادها

از کلاس `.switch-outline` و `.icon-state` از طریق طرح کلی و نمادهای ایجاد شده استفاده کنید.

سوئیچ اصلی حاشیه دار
سوئیچ ثانویه مرزی
سوئیچ موفقیت مرزی
سوئیچ خطر مرزی
سوئیچ هشدار حاشیه دار
سوئیچ اطلاعات مرزی
سوئیچ تاریک مرزی

#### سوئیچ outline غیرفعال شده

از کلاس `.switch-outline` از طریق طرح کلی ایجاد شده استفاده کنید.

#### تنوع سوئیچ ها

از کلاس `.tgl-skewed/tgl-flip` از طریق تغییرات ایجاد شده استفاده کنید.

- اریب

- برگردان

- بررسی شد

- مسطح

#### تغییر اندازه

از کلاس `.switch-sm` و `.switch-lg` از طریق اندازه سوئیچ تعریف شده استفاده کنید.

اندازه کوچک
اندازه کوچک بررسی نشده
اندازه معمولی
نرمال کنترل نشده
وضعیت غیرفعال
اندازه بزرگ
بزرگ بدون کنترل
غیرفعال

#### با نمادها تغییر دهید

از کلاس `.icon-state` از طریق نمادهای قابل مشاهده در سوئیچ ها استفاده کنید.

اندازه کوچک
اندازه کوچک بررسی نشده
اندازه معمولی
نرمال کنترل نشده
غیرفعال با نماد
اندازه بزرگ
بزرگ بدون کنترل
غیرفعال