page-nav

Information

Folder
src/components/patterns/page-nav

Files

Schema
Mocks
Template
// src/components/patterns/page-nav/page-nav.twig

<nav class="PageNav" aria-label="{{ label }}">
	{% if previous.href %}
		<a
			class="PageNav-link PageNav-link--previous"
			href="{{ previous.href }}"
			rel="prev"
		>
			<small class="PageNav-linkLabel">
				{{ "Previous page"|t }}
			</small>
			{{ previous.title }}
		</a>
	{% endif %}

	{% if next.href %}
		<a
			class="PageNav-link PageNav-link--next"
			href="{{ next.href }}"
			rel="next"
		>
			<small class="PageNav-linkLabel">
				{{ "Next page"|t }}
			</small>
			{{ next.title }}
		</a>
	{% endif %}
</nav>

Variants

previous
Open

previous mock data

Raw
Resolved
next
Open

next mock data

Raw
Resolved
previous and next
Open

previous and next mock data

Raw
Resolved