Article meta info

// src/components/patterns/article-meta-info/schema.yaml

$schema: http://json-schema.org/draft-07/schema#
$id: /patterns/article-meta-info
additionalProperties: false
properties:
  author:
    type: string
  format:
    type: string
  date:
    type: string
  date_time:
    type: string

// src/components/patterns/article-meta-info/mocks.yaml

author: Kristina Oberhäuser
format: FORMAT
date: 12.03.2021
date_time: '2021-03-12 00:00:01'

// 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 author %}
      <li class="ArticleMetaInfo-item">Ein Artikel von {{ author }}</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>