Card
This is the card component.
- Markup Details
-
{{ attach_library('goizueta_theme/card') }} {% import "@components/icons/icons.twig" as icons %} {% set program = card.program_name|clean_class %} {% set attributes = attributes ? attributes.addClass('card ' ~ program ~ '') : ' class="card ' ~ program ~ '"' %} <article section {{ attributes|raw }}> <div class="card__inner"> <div class="card__image"> {{ card.image }} </div> <div class="card__content"> <h3 class="card__content--title"> {{ card.title }} </h3> <div class="card__content--body"> {{ card.body }} </div> {% if card.link.url %} <a href="{{ card.link.url }}" class="card__content--link button button--unstyled"> <div class="button--inner has-icon"> <span class="button__text"> {{ card.link.text }} </span> <span class="button__icon"> {{ icons.get('arrow-right-black') }} </span> </div> </a> {% endif %} </div> </div> </article>