Barmer Fractal

Breadcrumb: Main 

<div class="m-breadcrumb breadcrumb--main">
    <span class="breadcrumb__label sr-only">Sie befinden sich hier:</span>
    <ul class="a-list-basic list--breadcrumb">
        <li class="list__item list__item--breadcrumb">
            <a href="/components/preview/homepage" class="a-link ">Barmer Startseite</a><i class="a-icon icon--chevron-right" aria-hidden="true"></i>

        </li>
        <li class="list__item list__item--breadcrumb">
            <a href="/components/preview/article" class="a-link "><span class="link__inner">Themen-Übersichtseite</span><i class="a-icon icon--lock" aria-label=""></i></a><i class="a-icon icon--chevron-right" aria-hidden="true"></i>

        </li>
        <li class="list__item list__item--breadcrumb">
            Barmer So ein Unterthema
        </li>
    </ul>

</div>
 
<div class="m-breadcrumb {{viewtypes.specifier}}">
  {{#switches.hasLabel}}<span class="breadcrumb__label {{viewtypes.labelSpecifier}}">{{content.label}}</span>{{/switches.hasLabel}}
  {{ render '@list-basic--linklist' partials.linklist merge=true }}
</div>
 
{
  "switches": {
    "hasLabel": true
  },
  "viewtypes": {
    "specifier": "breadcrumb--main",
    "LabelSpecifier": "",
    "labelSpecifier": "sr-only"
  },
  "content": {
    "label": "Sie befinden sich hier:"
  },
  "partials": {
    "linklist": {
      "viewtypes": {
        "specifier": "list--breadcrumb"
      },
      "partials": {
        "listitems": [
          {
            "switches": {
              "hasTextContent": false
            },
            "viewtypes": {
              "specifier": "list__item--breadcrumb"
            },
            "type": "link--breadcrumb",
            "partials": {
              "item": {
                "content": {
                  "text": "Barmer Startseite",
                  "url": "/components/preview/homepage"
                }
              }
            }
          },
          {
            "switches": {
              "hasTextContent": false
            },
            "viewtypes": {
              "specifier": "list__item--breadcrumb"
            },
            "type": "link--breadcrumb",
            "partials": {
              "item": {
                "content": {
                  "text": "<span class=\"link__inner\">Themen-Übersichtseite</span><i class=\"a-icon icon--lock\" aria-label=\"\"></i>",
                  "url": "/components/preview/article"
                }
              }
            }
          },
          {
            "switches": {
              "hasTextContent": true
            },
            "viewtypes": {
              "specifier": "list__item--breadcrumb"
            },
            "content": {
              "text": "Barmer So ein Unterthema"
            }
          }
        ]
      }
    }
  }
}

No notes defined.