Barmer Fractal

Filter: Filter Active 

<a class="a-filter filter--button is-active" href="" title="" data-filter-id="">
        <span class="sr-only">Zurzeit ausgewählt: </span>
        <span class="filter__text">Filter (2)</span></a>
 
{{#switches.hasCheckbox}}
    {{#switches.isActive}}
        <a class="a-filter {{viewtypes.specifier}}" href="{{content.url}}" title="{{content.title}}" data-filter-id="{{content.dataFilterId}}" {{{content.attributes}}} aria-checked="true">
    {{/switches.isActive}}
    {{^switches.isActive}}
        <a class="a-filter {{viewtypes.specifier}}" href="{{content.url}}" title="{{content.title}}" data-filter-id="{{content.dataFilterId}}" {{{content.attributes}}} aria-checked="false">
    {{/switches.isActive}}
    <span class="filter__checkbox" aria-hidden="true"></span>
{{/switches.hasCheckbox}}
{{^switches.hasCheckbox}}
    <a class="a-filter {{viewtypes.specifier}} {{#if switches.isActive }}is-active{{/if}}" href="{{content.url}}" title="{{content.title}}" data-filter-id="{{content.dataFilterId}}" {{{content.attributes}}}>
    {{#if switches.isActive}}
        <span class="sr-only">Zurzeit ausgewählt: </span>
    {{/if}}
{{/switches.hasCheckbox}}
<span class="filter__text">{{{content.before}}}{{content.label}}{{{content.after}}}</span></a>
 
{
  "viewtypes": {
    "specifier": "filter--button"
  },
  "content": {
    "url": "",
    "title": "",
    "before": "",
    "label": "Filter (2)",
    "after": "",
    "dataFilterId": ""
  },
  "switches": {
    "hasCheckbox": false,
    "isActive": true
  }
}

No notes defined.