authors-list

Information

Folder
src/components/patterns/authors-list

Files

Schema
Mocks
Template
// src/components/patterns/authors-list/authors-list.html.twig

<div class="AuthorsList u-container">
  {% if headline %}
    <h2 class="AuthorsList-headline u-typo-headline3">{{ headline|german_quotes }}</h2>
    {% for theme in themes %}
      <div class="AuthorsList-theme">
        {% if theme.headline %}
          <h3 class="AuthorsList-themeHeadline u-typo-headline5">{{ theme.headline|german_quotes }}</h3>
        {% endif %}
        <ul class="AuthorsList-themeList">
          {% if theme.authors %}
            {% for author in theme.authors %}
              <li class="AuthorsList-authorItem">
                <div class="AuthorsList-image">{{ author.image|raw }}</div>
                <p class="AuthorsList-authorPosition u-typo-copy-small">{{ author.position|german_quotes }}</p>
                <h4 class="AuthorsList-authorName u-typo-copy">
                  <a href="{{ author.url }}" class="AuthorsList-authorLink u-brandLink">{{ author.name|german_quotes }}</a>
                </h4>
              </li>
            {% endfor %}
          {% endif %}
        </ul>
      </div>
    {% endfor %}
  {% endif %}
</div>

Variants

default
Open

default mock data

Raw
Resolved