Social Bar
This is the social bar. It contains links to different social media websites.
{{ attach_library('h4h_theme/social-bar') }}
{% import '@h4h_theme/icons/icons.twig' as icons %}
<div class="social-bar{{ ' ' ~ classes }}{{ ' ' ~ modifier_class }}">
<button
data-toggle-class="is-visible"
data-target=".js-social-bar"
class="btn social-bar__btn">{{ icons.get('share', 'social-bar__share') }}</button>
<div class="social-bar__container">
<div class="social-bar__wrapper js-social-bar">
<ul class="social-bar__list">
{% for item in items %}
<li class="social-bar__item">
<a
class="social-bar__link {{ 'social-bar__link--' ~ item.icon }}"
href="{{ item.url }}"
target="_blank"
title="{{ item.icon|capitalize }}"
aria-label="{{ item.icon|capitalize }}"
>
{{ icons.get(item.icon, 'social-bar__icon') }}
</a>
</li>
{% endfor %}
</ul>
</div>
</div>
</div>