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>