Info
This is the Info component. It displays an icon next to a link. Additional description text is optional. If no icon is specified, the info icon is used by default.
View card samples
You will be able to personalize your print card or e-card for your recipent and special occasion after your donation has been processed.
{{ attach_library('h4h_theme/info') }}
{% import '@h4h_theme/icons/icons.twig' as icons %}
<div class="info {{ modifier_class }}">
<a href="{{ url }}">
<div class="info__icon">
{{ icons.get(icon|default('info')) }}
</div>
<div class="info__label">{{ label }}</div>
</a>
{% if (description) %}
<div class="info__description">{{ description }}</div>
{% endif %}
</div>