rudern.de Webstyleguide

Checkbox: Indeterminate 

<div class="form styleguide--background">

    <div class="form-item form-item-checkbox">
        <label for="checkbox">
            <input type="checkbox" class="form-checkbox" id="checkbox" value="1" />
            Checkbox Label
        </label>
    </div>

    <script>
        document.getElementById('checkbox').indeterminate = true;
    </script>

</div>
 
<div class="form styleguide--background">

  <div class="form-item form-item-checkbox">
    <label for="checkbox">
      <input type="checkbox" class="form-checkbox" id="checkbox" value="1" {{#checked}}checked{{/checked}} />
      {{ label }}
    </label>
  </div>

  {{#indeterminate}}
    <script>
      document.getElementById('checkbox').indeterminate = true;
    </script>
  {{/indeterminate}}
  
</div>
 
{
  "label": "Checkbox Label",
  "indeterminate": true
}
  • Handle: @checkbox--indeterminate
  • Preview:
  • Filesystem Path: src/components/01-base/04-form-elements/04-checkbox.hbs

No notes defined.