Paul Smith's College Component Library

Event Actions 

<!-- Event Actions -->
<div class="event_actions">
    <div class="event_actions_header">
        <h2 class="event_actions_title" id="event_actions_title">
            <span class="event_actions_title_label">Event Actions</span>
        </h2>
    </div>
    <div class="event_actions_body">
        <ul class="event_actions_list" aria-labelledby="event_actions_title">
            <li class="event_action event_action_featured">

                <a href="#" class="event_action_link">
                    <span class="event_action_link_inner">
                        <span class="event_action_link_label">Register</span><span class="icon_nowrap event_action_link_icon" aria-hidden="true">&#xfeff;
                            <svg class="icon icon_chevron_right">
                                <use href="/images/icons.svg#chevron_right" />
                            </svg>
                        </span>
                    </span>
                </a>
            </li>
            <li class="event_action event_action_basic">

                <a href="#" class="event_action_link">
                    <span class="event_action_link_inner">
                        <span class="event_action_link_label">Add to iCal</span><span class="icon_nowrap event_action_link_icon" aria-hidden="true">&#xfeff;
                            <svg class="icon icon_chevron_right">
                                <use href="/images/icons.svg#chevron_right" />
                            </svg>
                        </span>
                    </span>
                </a>
            </li>
            <li class="event_action event_action_basic">

                <a href="#" class="event_action_link">
                    <span class="event_action_link_inner">
                        <span class="event_action_link_label">Add to Google Calendar</span><span class="icon_nowrap event_action_link_icon" aria-hidden="true">&#xfeff;
                            <svg class="icon icon_chevron_right">
                                <use href="/images/icons.svg#chevron_right" />
                            </svg>
                        </span>
                    </span>
                </a>
            </li>
        </ul>
    </div>
</div>
<!-- END: Event Actions -->
 
{#
	{% include '@partial-event-actions' with {
		items: [
			{
				title: 'Action Title',
				url: '#'
			}
		]
	} %}
#}
<!-- Event Actions -->
<div class="event_actions">
	<div class="event_actions_header">
		<h2 class="event_actions_title" id="event_actions_title">
			<span class="event_actions_title_label">Event Actions</span>
		</h2>
	</div>
	<div class="event_actions_body">
		<ul class="event_actions_list" aria-labelledby="event_actions_title">
			{% for item in items %}
				<li class="event_action {% if item.featured == true %}event_action_featured{% else %}event_action_basic{% endif %}">
					{% include '@partial-link' with {
						class: 'event_action',
						title: item.title,
						url: item.url,
						icon: 'chevron_right',
						nowrap: true
					} %}
				</li>
			{% endfor %}
		</ul>
	</div>
</div>
<!-- END: Event Actions -->

No notes defined.