Iconly/Curved/Arrow - Left 2Iconly/Curved/Arrow - CircleIconly/Curved/Arrow - SearchIconly/Curved/Arrow - cubeIconly/Curved/Arrow - checkIconly/Curved/Arrow - pieIconly/Curved/Arrow - plusIconly/Curved/Arrow - minusIconly/Curved/Arrow - heartIconly/Curved/Arrow - Arrow-downIconly/Curved/Arrow - WeatherIconly/Curved/Arrow - StarIconly/Curved/Home

سوئیچ

سویچ سفارشی

یک سویچ دارای ساختار یک چک‌باکس سفارشی است اما از کلاس .form-switch برای نمایش سویچ تغییر وضعیت استفاده می‌کند.

سویچ با آیکون

از .switch-state و icon-state برای سویچ‌های آیکونی استفاده کنید.

سویچ بدون علامت

از کلاس .bg-* برای ایجاد سویچ‌های پیش‌فرض استفاده کنید.

سویچ با حاشیه و آیکون

از کلاس‌های .switch-outline و .icon-state برای ایجاد سویچ با حاشیه استفاده کنید.

سویچ حاشیه‌ای غیرفعال

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

انواع سویچ‌ها

از کلاس .tgl-skewed/tgl-flip برای ایجاد انواع مختلف استفاده کنید.

  • کج شده (Skewed)

  • چرخشی (Flip)

  • فعال (Checked)

  • صاف (Flat)

سایز سویچ‌ها

از کلاس‌های .switch-sm و .switch-lg برای تعریف سایز سویچ استفاده کنید.

سویچ با آیکون

از کلاس .icon-state برای نمایش آیکون‌ها در سویچ‌ها استفاده کنید.