DRBU Component Library

Event Actions 

<!-- Event Actions -->
<div class="event_actions">
    <div class="fs-row">
        <div class="fs-cell fs-lg-10 fs-xl-8 fs-lg-justify-center">
            <div class="event_actions_inner">
                <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">

                            <a href="#" class="event_action_link">
                                <span class="event_action_link_inner">
                                    <span class="event_action_link_label">Register</span>
                                    <span class="event_action_link_icon" aria-hidden="true">

                                        <svg class="icon icon_arrow_right">
                                            <use href="/images/icons.svg#arrow_right" />
                                        </svg>

                                    </span>
                                </span>
                            </a>
                        </li>
                        <li class="event_action">

                            <a href="#" class="event_action_link">
                                <span class="event_action_link_inner">
                                    <span class="event_action_link_label">Another Link</span>
                                    <span class="event_action_link_icon" aria-hidden="true">

                                        <svg class="icon icon_arrow_right">
                                            <use href="/images/icons.svg#arrow_right" />
                                        </svg>

                                    </span>
                                </span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- END: Event Actions -->
 
{#
	{% include '@partial-event-actions' with {
		items: [
			{
				title: 'Action Title',
				url: '#'
			}
		]
	} %}
#}
<!-- Event Actions -->
<div class="event_actions">
	<div class="fs-row">
		<div class="fs-cell fs-lg-10 fs-xl-8 fs-lg-justify-center">
			<div class="event_actions_inner">
				<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">
								{% include '@partial-link' with {
									class: 'event_action',
									title: item.title,
									icon: 'arrow_right',
									url: item.url
								} %}
							</li>
						{% endfor %}
					</ul>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- END: Event Actions -->

No notes defined.