You are here

Home » API reference » Open Social 8.4

form-input-switch.twig in Open Social 8.4

Same filename and directory in other branches
  1. 8.9 themes/socialbase/components/02-atoms/form-controls/form-input-switch.twig
  2. 8 themes/socialbase/components/02-atoms/form-controls/form-input-switch.twig
  3. 8.2 themes/socialbase/components/02-atoms/form-controls/form-input-switch.twig
  4. 8.3 themes/socialbase/components/02-atoms/form-controls/form-input-switch.twig
  5. 8.5 themes/socialbase/components/02-atoms/form-controls/form-input-switch.twig
  6. 8.6 themes/socialbase/components/02-atoms/form-controls/form-input-switch.twig
  7. 8.7 themes/socialbase/components/02-atoms/form-controls/form-input-switch.twig
  8. 8.8 themes/socialbase/components/02-atoms/form-controls/form-input-switch.twig
<!-- Switch -->
<div class="switch">
  <label>
    Off
    <input type="checkbox" checked>
    <span class="lever"></span>
    On
  </label>
</div>

<!-- Disabled Switch -->
<div class="switch">
  <label>
    Off
    <input disabled="" type="checkbox">
    <span class="lever"></span>
    On
  </label>
</div>

File

themes/socialbase/components/02-atoms/form-controls/form-input-switch.twig
View source 
  1. <!-- Switch -->

  2. <div class="switch">

  3.   <label>

  4.     Off

  5.     <input type="checkbox" checked>

  6.     <span class="lever"></span>

  7.     On

  8.   </label>

  9. </div>

  10. 

  11. <!-- Disabled Switch -->

  12. <div class="switch">

  13.   <label>

  14.     Off

  15.     <input disabled="" type="checkbox">

  16.     <span class="lever"></span>

  17.     On

  18.   </label>

  19. </div>