Engage Card
The Engage Card component.
- Markup Details
-
{{ attach_library('goizueta_theme/engage-card') }} {% import '@components/icons/icons.twig' as icons %} {% set attributes = attributes ? attributes.addClass('engage-card') : ' class="engage-card"' %} <article{{ attributes|raw }}> {% if icon %} <div class="engage-card__icon"> <span> {{ icon }} </span> </div> {% endif %} {% if title %} {% include '@components/heading/heading.twig' with { "heading": { "title_light": title, "heading_level": 3, "classes": 'engage-card__title' } } only %} {% endif %} {% if body %} <div class="engage-card__body"> {{ body }} </div> {% endif %} {% if cta %} <div class="engage-card__cta"> {% include '@components/button/button.twig' with { "button": cta } only %} </div> {% endif %} </article>