Engage Card

The Engage Card component.

hourglass-big

Long consultation

Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Nullam quis risus eget urna mollis ornare vel eu leo.
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>