article-meta-info

Information

Folder
src/components/patterns/article-meta-info

Files

Schema
Mocks
Template
// src/components/patterns/article-meta-info/article-meta-info.html.twig

<div class="ArticleMetaInfo u-container u-typo-copy-small-bold u-grid{% if class %} {{ class }}{% endif %}">
  <ul class="ArticleMetaInfo-items">
    {% if authors %}
      <li class="ArticleMetaInfo-item">
        Ein Artikel von
        {% for author in authors %}
          {% if author.url %}
            <a class="ArticleMetaInfo-itemLink u-brandLink" href="{{ author.url }}">{{ author.name|german_quotes }}</a>
          {% else %}
            <span>{{ author.name|german_quotes }}</span>
          {% endif %}
          {% if not loop.last %} & {% endif %}
        {% endfor %}
      </li>
    {% endif %}
    {% if experts %}
      <li class="ArticleMetaInfo-item">
        mitwirkende Expert:innen
        {% for expert in experts %}
          <a class="u-brandLink" href="{{ expert.url }}">{{ expert.name|german_quotes }}</a>
          {% if not loop.last %} & {% endif %}
        {% endfor %}
      </li>
    {% endif %}
    {% if format %}
      <li class="ArticleMetaInfo-item">{{ format }}</li>
    {% endif %}
    {% if date %}
      <li class="ArticleMetaInfo-item">
        <time datetime="{{ date_time|date("Y-m-d") }}">{{ date }}</time>
      </li>
    {% endif %}
  </ul>
</div>

Variants

default
Open

default mock data

Raw
Resolved