Latest News

This is the Latest News component which is used to display a collection of Latest News.

Markup Details
                            {{ attach_library('goizueta_theme/latest-news') }}
{% import '@components/icons/icons.twig' as icons %}

{# Preserve the Drupal attributes if they're available. #}
{% set component_classes = 'latest-news' %}
{% set attributes = attributes ? attributes.addClass(component_classes) : ' class="' ~ component_classes ~ '"' %}

{# Get count of news items. #}
{% set item_count = items|length %}

<section {{ attributes|raw }}>
  <div class="latest-news__inner">
    {% block heading %}
      {% include '@components/heading/heading.twig' with {
        "heading" : heading
        } only
      %}
    {% endblock %}
    <div class="latest-news__list{% if item_count > 4 %} hide-dots--mobile{% endif %}">
      {% for item in items %}
        {%
          include '@components/news-item/news-item.twig' with {
            "heading": item.title,
            "date": item.date,
            "image": item.image
          } only
        %}
      {% endfor %}
    </div>

    {# This is used as a container for slider's arrows and dots. #}
    <div class="latest-news__pager slick-pager"></div>

    {% if cta %}
      <div class="latest-news__cta">
        {%
          include '@components/button/button.twig' with {
            "button": {
              "text": cta.text,
              "url": cta.url,
              "icon": cta.icon,
              "classes": cta.classes
            }
          } only
        %}
      </div>
    {% endif %}
  </div>
</section>