یک سویچ دارای ساختار یک چکباکس سفارشی است اما از کلاس .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 برای نمایش آیکونها در سویچها استفاده کنید.