Zero Deaths Maryland Component Library

Share Events 

<div class="event_sharing">
    <div class="share_this_calendars">
        <div class="share_this_link_item">
            <span class="share_this_link_button">

                <a href="#" class="share_this_cal_link">
                    <span class="share_this_cal_link_inner">
                        <span class="share_this_cal_link_label">Add to iCal</span>
                        <span class="share_this_cal_link_icon" aria-hidden="true">
                            <span class="share_this_cal_link_icon_inner">
                                <span class="share_this_cal_link_icon_space">&#xfeff;</span>
                                <svg class="icon icon_arrow_right">
                                    <use xlink:href="/images/icons.svg#arrow_right"></use>

                                </svg>
                            </span>
                        </span>
                    </span>
                </a>
            </span>
        </div>
        <div class="share_this_link_item">
            <span class="share_this_link_button">

                <a href="#" class="share_this_cal_link">
                    <span class="share_this_cal_link_inner">
                        <span class="share_this_cal_link_label">Add to Google</span>
                        <span class="share_this_cal_link_icon" aria-hidden="true">
                            <span class="share_this_cal_link_icon_inner">
                                <span class="share_this_cal_link_icon_space">&#xfeff;</span>
                                <svg class="icon icon_arrow_right">
                                    <use xlink:href="/images/icons.svg#arrow_right"></use>

                                </svg>
                            </span>
                        </span>
                    </span>
                </a>
            </span>
        </div>
    </div>
    <div class="js-share-tools share_tools">
        <div class="share_tools_header">
            <h2 class="share_tools_title">
                Share Options
            </h2>
            <button class="js-share-tools-toggle share_tools_toggle" data-swap-target=".js-share-tools">
                <span class="share_tools_toggle_inner">
                    <span class="share_tools_toggle_label">
                        Share This
                        <span class="share_this_icon">
                            <svg class="icon icon_share_this">
                                <use xlink:href="/images/icons.svg#share_this"></use>
                            </svg>
                        </span>
                    </span>
                </span>
            </button>
        </div>
        <ul class="js-share-tools-list share_tools_list" aria-label="Share Options">
            <li class="js-share-tool-item share_tool_item">
                <a class="js-share-tool js-share-twitter share_tool" href="#" target="_blank" rel="noopener">
                    <span class="share_tool_icon">
                        <svg class="icon icon_twitter">
                            <use href="/images/icons.svg#twitter" />
                        </svg>
                    </span>
                    <span class="share_tool_label">Share to Twitter</span>
                </a>
            </li>
            <li class="js-share-tool-item 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 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>
</div>
 
<div class="event_sharing">
	<div class="share_this_calendars">
		<div class="share_this_link_item">
			<span class="share_this_link_button">
				{% render '@partial-link'
					with
					{
						class: 'share_this_cal',
						title: 'Add to iCal',
						title: link_title,
						url: link_url,
						icon: 'arrow_right'
					}
				%}
			</span>
		</div>
		<div class="share_this_link_item">
			<span class="share_this_link_button">
				{% render '@partial-link'
					with
					{
						class: 'share_this_cal',
						title: 'Add to Google',
						title: link_title,
						url: link_url,
						icon: 'arrow_right'
					}
				%}
			</span>
		</div>
	</div>
	{% render '@partial-share' %}
</div>

No notes defined.