سوییچ

<Switch label="اعلان‌های ایمیلی" description="خلاصهٔ هفتگی فعالیت‌ها" defaultChecked />
<Switch label="حالت تعطیلات" />

<label class="k-check" for=":r0R0:">
  <input type="checkbox" role="switch" id=":r0R0:" class="k-switch" aria-describedby=":r0R0:-desc" checked=""/><span class="k-check__text"><span class="k-check__label">اعلان‌های ایمیلی</span><span class="k-check__description" id=":r0R0:-desc">خلاصهٔ هفتگی فعالیت‌ها</span></span>
</label>
<label class="k-check" for=":r1R0:">
  <input type="checkbox" role="switch" id=":r1R0:" class="k-switch"/><span class="k-check__text"><span class="k-check__label">حالت تعطیلات</span></span>
</label>

<Switch label="کوچک" size="sm" defaultChecked />
<Switch label="متوسط" defaultChecked />
<Switch label="بزرگ" size="lg" defaultChecked />
<Switch label="غیرفعال" disabled />

<label class="k-check" for=":r2R0:">
  <input type="checkbox" role="switch" id=":r2R0:" class="k-switch k-switch--sm" checked=""/><span class="k-check__text"><span class="k-check__label">کوچک</span></span>
</label>
<label class="k-check" for=":r3R0:">
  <input type="checkbox" role="switch" id=":r3R0:" class="k-switch" checked=""/><span class="k-check__text"><span class="k-check__label">متوسط</span></span>
</label>
<label class="k-check" for=":r4R0:">
  <input type="checkbox" role="switch" id=":r4R0:" class="k-switch k-switch--lg" checked=""/><span class="k-check__text"><span class="k-check__label">بزرگ</span></span>
</label>
<label class="k-check" for=":r5R0:">
  <input type="checkbox" role="switch" id=":r5R0:" class="k-switch" disabled=""/><span class="k-check__text"><span class="k-check__label">غیرفعال</span></span>
</label>