Barmer Fractal

List: A Z Links 

<div class="m-list list--a-z-links js-list-a-z">

    <ul class="a-list-basic ">
        <li class="list__item ">
            <a href="/gesundheit-verstehen/krankheiten-a-z/" class="a-link ">
                A
            </a>

        </li>
        <li class="list__item ">
            <a href="/gesundheit-verstehen/krankheiten-a-z/" class="a-link ">
                B
            </a>

        </li>
        <li class="list__item ">
            <a href="/components/preview/a-z-register" class="a-link is-selected">
                C
                <span class="sr-only">Zur Zeit ausgewählt</span>
            </a>

        </li>
        <li class="list__item ">
            <a href="/gesundheit-verstehen/krankheiten-a-z/" class="a-link ">
                D
            </a>

        </li>
        <li class="list__item ">
            <a href="/gesundheit-verstehen/krankheiten-a-z/" class="a-link ">
                E
            </a>

        </li>
        <li class="list__item ">
            <a href="/gesundheit-verstehen/krankheiten-a-z/" class="a-link ">
                F
            </a>

        </li>
        <li class="list__item ">
            <a href="/gesundheit-verstehen/krankheiten-a-z/" class="a-link ">
                G
            </a>

        </li>
        <li class="list__item ">
            <a href="/gesundheit-verstehen/krankheiten-a-z/" class="a-link ">
                H
            </a>

        </li>
        <li class="list__item ">
            <a href="/gesundheit-verstehen/krankheiten-a-z/" class="a-link ">
                I
            </a>

        </li>
        <li class="list__item ">
            <a href="/gesundheit-verstehen/krankheiten-a-z/" class="a-link ">
                J
            </a>

        </li>
        <li class="list__item ">
            <a href="/gesundheit-verstehen/krankheiten-a-z/" class="a-link ">
                K
            </a>

        </li>
        <li class="list__item ">
            <a href="/gesundheit-verstehen/krankheiten-a-z/" class="a-link ">
                L
            </a>

        </li>
        <li class="list__item ">
            <a href="/gesundheit-verstehen/krankheiten-a-z/" class="a-link ">
                M
            </a>

        </li>
        <li class="list__item ">
            <a href="/gesundheit-verstehen/krankheiten-a-z/" class="a-link ">
                N
            </a>

        </li>
        <li class="list__item ">
            <a href="/gesundheit-verstehen/krankheiten-a-z/" class="a-link ">
                O
            </a>

        </li>
        <li class="list__item ">
            <a href="/gesundheit-verstehen/krankheiten-a-z/" class="a-link ">
                P
            </a>

        </li>
        <li class="list__item ">
            <span aria-disabled="true">Q</span>

        </li>
        <li class="list__item ">
            <a href="/gesundheit-verstehen/krankheiten-a-z/" class="a-link ">
                R
            </a>

        </li>
        <li class="list__item ">
            <a href="/gesundheit-verstehen/krankheiten-a-z/" class="a-link ">
                S
            </a>

        </li>
        <li class="list__item ">
            <a href="/gesundheit-verstehen/krankheiten-a-z/" class="a-link ">
                T
            </a>

        </li>
        <li class="list__item ">
            <a href="/gesundheit-verstehen/krankheiten-a-z/" class="a-link ">
                U
            </a>

        </li>
        <li class="list__item ">
            <a href="/gesundheit-verstehen/krankheiten-a-z/" class="a-link ">
                V
            </a>

        </li>
        <li class="list__item ">
            <a href="/gesundheit-verstehen/krankheiten-a-z/" class="a-link ">
                W
            </a>

        </li>
        <li class="list__item ">
            <span aria-disabled="true">X</span>

        </li>
        <li class="list__item ">
            <span aria-disabled="true">Y</span>

        </li>
        <li class="list__item ">
            <a href="/gesundheit-verstehen/krankheiten-a-z/" class="a-link ">
                Z
            </a>

        </li>
    </ul>

</div>
 
<div class="m-list {{viewtypes.specifier}}" {{# content.id}}id="{{this}}"{{/content.id}}>
  {{# switches.hasBackButton }}{{ render '@button--back' partials.btnBack merge=true }}{{/ switches.hasBackButton}}

  {{# switches.hasHeadline }}
    {{# switches.hasIcon }}
      {{render '@icon' partials.icon merge=true}}
    {{/switches.hasIcon}}
    <h4 class="list__headline">
      {{# switches.isLinkableHeadline }}
        {{ render '@link' partials.headline merge=true }}
      {{/ switches.isLinkableHeadline }}
      {{^ switches.isLinkableHeadline }}
        {{{content.headline}}}
      {{/ switches.isLinkableHeadline }}
    </h4>
  {{/ switches.hasHeadline }}

  {{render '@list-basic' partials.list merge=true }}
</div>
 
{
  "switches": {
    "hasHeadline": false,
    "hasIcon": false,
    "isLinkableHeadline": false
  },
  "viewtypes": {
    "specifier": "list--a-z-links js-list-a-z"
  },
  "content": {
    "headline": "A-Z Register"
  },
  "partials": {
    "list": {
      "viewtypes": {
        "specifier": ""
      },
      "content": {},
      "partials": {
        "listitems": [
          {
            "switches": {
              "hasTextContent": false
            },
            "type": "link",
            "partials": {
              "item": {
                "content": {
                  "text": "A",
                  "url": "/gesundheit-verstehen/krankheiten-a-z/"
                }
              }
            }
          },
          {
            "switches": {
              "hasTextContent": false
            },
            "type": "link",
            "partials": {
              "item": {
                "content": {
                  "text": "B",
                  "url": "/gesundheit-verstehen/krankheiten-a-z/"
                }
              }
            }
          },
          {
            "switches": {
              "hasTextContent": false
            },
            "type": "link",
            "partials": {
              "item": {
                "viewtypes": {
                  "specifier": "is-selected"
                },
                "content": {
                  "text": "C",
                  "activetext": "Zur Zeit ausgewählt",
                  "url": "/components/preview/a-z-register"
                },
                "switches": {
                  "isActiveLink": true
                }
              }
            }
          },
          {
            "switches": {
              "hasTextContent": false
            },
            "type": "link",
            "partials": {
              "item": {
                "content": {
                  "text": "D",
                  "url": "/gesundheit-verstehen/krankheiten-a-z/"
                }
              }
            }
          },
          {
            "switches": {
              "hasTextContent": false
            },
            "type": "link",
            "partials": {
              "item": {
                "content": {
                  "text": "E",
                  "url": "/gesundheit-verstehen/krankheiten-a-z/"
                }
              }
            }
          },
          {
            "switches": {
              "hasTextContent": false
            },
            "type": "link",
            "partials": {
              "item": {
                "content": {
                  "text": "F",
                  "url": "/gesundheit-verstehen/krankheiten-a-z/"
                }
              }
            }
          },
          {
            "switches": {
              "hasTextContent": false
            },
            "type": "link",
            "partials": {
              "item": {
                "content": {
                  "text": "G",
                  "url": "/gesundheit-verstehen/krankheiten-a-z/"
                }
              }
            }
          },
          {
            "switches": {
              "hasTextContent": false
            },
            "type": "link",
            "partials": {
              "item": {
                "content": {
                  "text": "H",
                  "url": "/gesundheit-verstehen/krankheiten-a-z/"
                }
              }
            }
          },
          {
            "switches": {
              "hasTextContent": false
            },
            "type": "link",
            "partials": {
              "item": {
                "content": {
                  "text": "I",
                  "url": "/gesundheit-verstehen/krankheiten-a-z/"
                }
              }
            }
          },
          {
            "switches": {
              "hasTextContent": false
            },
            "type": "link",
            "partials": {
              "item": {
                "content": {
                  "text": "J",
                  "url": "/gesundheit-verstehen/krankheiten-a-z/"
                }
              }
            }
          },
          {
            "switches": {
              "hasTextContent": false
            },
            "type": "link",
            "partials": {
              "item": {
                "content": {
                  "text": "K",
                  "url": "/gesundheit-verstehen/krankheiten-a-z/"
                }
              }
            }
          },
          {
            "switches": {
              "hasTextContent": false
            },
            "type": "link",
            "partials": {
              "item": {
                "content": {
                  "text": "L",
                  "url": "/gesundheit-verstehen/krankheiten-a-z/"
                }
              }
            }
          },
          {
            "switches": {
              "hasTextContent": false
            },
            "type": "link",
            "partials": {
              "item": {
                "content": {
                  "text": "M",
                  "url": "/gesundheit-verstehen/krankheiten-a-z/"
                }
              }
            }
          },
          {
            "switches": {
              "hasTextContent": false
            },
            "type": "link",
            "partials": {
              "item": {
                "content": {
                  "text": "N",
                  "url": "/gesundheit-verstehen/krankheiten-a-z/"
                }
              }
            }
          },
          {
            "switches": {
              "hasTextContent": false
            },
            "type": "link",
            "partials": {
              "item": {
                "content": {
                  "text": "O",
                  "url": "/gesundheit-verstehen/krankheiten-a-z/"
                }
              }
            }
          },
          {
            "switches": {
              "hasTextContent": false
            },
            "type": "link",
            "partials": {
              "item": {
                "content": {
                  "text": "P",
                  "url": "/gesundheit-verstehen/krankheiten-a-z/"
                }
              }
            }
          },
          {
            "switches": {
              "hasTextContent": false
            },
            "type": "richtext",
            "partials": {
              "item": {
                "content": {
                  "text": "<span aria-disabled=\"true\">Q</span>"
                }
              }
            }
          },
          {
            "switches": {
              "hasTextContent": false
            },
            "type": "link",
            "partials": {
              "item": {
                "content": {
                  "text": "R",
                  "url": "/gesundheit-verstehen/krankheiten-a-z/"
                }
              }
            }
          },
          {
            "switches": {
              "hasTextContent": false
            },
            "type": "link",
            "partials": {
              "item": {
                "content": {
                  "text": "S",
                  "url": "/gesundheit-verstehen/krankheiten-a-z/"
                }
              }
            }
          },
          {
            "switches": {
              "hasTextContent": false
            },
            "type": "link",
            "partials": {
              "item": {
                "content": {
                  "text": "T",
                  "url": "/gesundheit-verstehen/krankheiten-a-z/"
                }
              }
            }
          },
          {
            "switches": {
              "hasTextContent": false
            },
            "type": "link",
            "partials": {
              "item": {
                "content": {
                  "text": "U",
                  "url": "/gesundheit-verstehen/krankheiten-a-z/"
                }
              }
            }
          },
          {
            "switches": {
              "hasTextContent": false
            },
            "type": "link",
            "partials": {
              "item": {
                "content": {
                  "text": "V",
                  "url": "/gesundheit-verstehen/krankheiten-a-z/"
                }
              }
            }
          },
          {
            "switches": {
              "hasTextContent": false
            },
            "type": "link",
            "partials": {
              "item": {
                "content": {
                  "text": "W",
                  "url": "/gesundheit-verstehen/krankheiten-a-z/"
                }
              }
            }
          },
          {
            "switches": {
              "hasTextContent": false
            },
            "type": "richtext",
            "partials": {
              "item": {
                "content": {
                  "text": "<span aria-disabled=\"true\">X</span>"
                }
              }
            }
          },
          {
            "switches": {
              "hasTextContent": false
            },
            "type": "richtext",
            "partials": {
              "item": {
                "content": {
                  "text": "<span aria-disabled=\"true\">Y</span>"
                }
              }
            }
          },
          {
            "switches": {
              "hasTextContent": false
            },
            "type": "link",
            "partials": {
              "item": {
                "content": {
                  "text": "Z",
                  "url": "/gesundheit-verstehen/krankheiten-a-z/"
                }
              }
            }
          }
        ]
      },
      "switches": {}
    }
  }
}

No notes defined.