JHU Carey Centers Component Library

Share: Static 

<div class="js-share-tools static_share_tools">
    <ul class="js-share-tools-list static_share_tools_list" aria-label="Share Options">
        <li class="js-share-tool-item static_share_tool_item">
            <a class="js-share-tool js-share-x share_tool" href="#" target="_blank" rel="noopener">
                <span class="share_tool_icon"><svg class="icon icon_x">
                        <use href="/images/icons.svg#x" />
                    </svg></span>
                <span class="share_tool_label">Share to X</span>
            </a>
        </li>
        <li class="js-share-tool-item static_share_tool_item">
            <a class="js-share-tool js-share-facebook share_tool" href="#" target="_blank" rel="noopener">
                <span class="share_tool_icon"><svg class="icon icon_facebook">
                        <use href="/images/icons.svg#facebook" />
                    </svg></span>
                <span class="share_tool_label">Share to Facebook</span>
            </a>
        </li>
        <li class="js-share-tool-item static_share_tool_item">
            <a class="js-share-tool js-share-linkedin share_tool" href="#" target="_blank" rel="noopener">
                <span class="share_tool_icon"><svg class="icon icon_linkedin">
                        <use href="/images/icons.svg#linkedin" />
                    </svg></span>
                <span class="share_tool_label">Share to Linkedin</span>
            </a>
        </li>
    </ul>
</div>
 
{#
	{% include '@partial-share--static' with {
		items: [
			'Twitter',
			'Facebook',
			'Linkedin'
		]
	} %}
#}
<div class="js-share-tools static_share_tools">
	<ul class="js-share-tools-list static_share_tools_list" aria-label="Share Options">
		{% for item in items %}
			<li class="js-share-tool-item static_share_tool_item">
				<a class="js-share-tool js-share-{{ item|lower }} share_tool" href="#" target="_blank" rel="noopener">
					<span class="share_tool_icon">{{ icon(item|lower) }}</span>
					<span class="share_tool_label">Share to {{ item }}</span>
				</a>
			</li>
		{% endfor %}
	</ul>
</div>

No notes defined.