checkout-info

// src/components/patterns/form/checkout/checkout-info/checkout-info.html.twig

<div class="CheckoutInfo u-grid">
  <div class="CheckoutInfo-content">
    {% if headline %}
      <h4 class="CheckoutInfo-headline u-typo-headline4">{{ headline }}</h4>
    {% endif %}
    {% if copy %}
      <p class="CheckoutInfo-copy">{{ copy }}</p>
    {% endif %}
    {% if sub_title %}
      <p class="CheckoutInfo-subtitle u-typo-copy-bold">{{ sub_title }}</p>
    {% endif %}
    <dl class="CheckoutInfo-details">
      {% for item in details %}
        <dt class="CheckoutInfo-detailsLabel">{% if item.label %}{{ item.label }}:&nbsp;{% endif %}</dt>
        <dd class="CheckoutInfo-detailsValue">{{ item.value }}</dd>
      {% endfor %}
    </dl>
  </div>
</div>