<div class="atm-form-checkbox ">
    <input class="form-checkbox" type="checkbox" id="checkbox-checked-disabled" name="checkbox-checked-disabled" checked disabled>
    <label class="form-label   " for="checkbox-checked-disabled">

    </label>
</div>
<div class="atm-form-checkbox {{modifier}}">
  <input
    class="form-checkbox" 
    type="checkbox" 
    {{#if id}}id="{{id}}"{{/if}}
    {{#if name}}name="{{name}}"{{/if}}
    {{#if value}}value="{{value}}"{{/if}}
    {{#if checked}}checked{{/if}}
    {{#if disabled}}disabled{{/if}}>
    {{render '@label' label merge=true}}
</div>
{
  "modifier": "",
  "id": "checkbox-checked-disabled",
  "name": "checkbox-checked-disabled",
  "value": "",
  "checked": true,
  "disabled": true,
  "label": {
    "text": "",
    "for": "checkbox-checked-disabled"
  }
}
  • Content:
    .atm-form-checkbox,
    .search-filter-item {
        @apply relative pl-6;
    
        .form-checkbox {
            @apply absolute left-0 text-black  border border-solid border-black-400;
            top: 4px;
    
            &[disabled] {
                @apply bg-black-100;
            }
        }
    }
    
  • URL: /components/raw/app-checkbox/app-checkbox.css
  • Filesystem Path: src\components\07-app-atoms\app-checkbox\app-checkbox.css
  • Size: 276 Bytes
  • Handle: @app-checkbox--checked-disabled
  • Preview:
  • Filesystem Path: src\components\07-app-atoms\app-checkbox\app-checkbox.hbs
  • References (1): @label

No notes defined.