MSMU Component Library

Pagination 

<!-- Pagination -->
<div class="pagination">
    <nav class="pagination_nav" aria-label="Template Pagination">
        <ul class="pagination_nav_list">
            <li class="pagination_nav_list_item active">
                <a href="#"><span>1</span></a>
            </li>
            <li class="pagination_nav_list_item">
                <a href="#"><span>2</span></a>
            </li>
            <li class="pagination_nav_list_item">
                <a href="#"><span>3</span></a>
            </li>
            <li class="pagination_nav_list_item">
                <a href="#"><span>></span></a>
            </li>
            <li class="pagination_nav_list_item">
                <a href="#"><span>>></span></a>
            </li>
        </ul>
    </nav>
</div>
<!-- END: Pagination -->
 
{#
	{% include '@partial-pagination' with {
		title: 'Title',
		pages: 50
	} %}
#}
<!-- Pagination -->
<div class="pagination">
	<nav class="pagination_nav" aria-label="{{ title }}">
		<ul class="pagination_nav_list">
			{% for page in pages %}
			<li class="pagination_nav_list_item{% if loop.index == 1 %} active{% endif %}">
				<a href="#"><span>{{ page }}</span></a>
			</li>
			{% endfor %}
		</ul>
	</nav>
</div>
<!-- END: Pagination -->

No notes defined.