diff options
Diffstat (limited to 'examples/blog/src/components/Pagination.astro')
| -rw-r--r-- | examples/blog/src/components/Pagination.astro | 34 |
1 files changed, 34 insertions, 0 deletions
diff --git a/examples/blog/src/components/Pagination.astro b/examples/blog/src/components/Pagination.astro new file mode 100644 index 000000000..8e033c668 --- /dev/null +++ b/examples/blog/src/components/Pagination.astro @@ -0,0 +1,34 @@ +--- +export let prevUrl: string; +export let nextUrl: string; +--- + +<style lang="scss"> +.nav { + display: flex; + max-width: 600px; + width: 100%; + margin-left: auto; + margin-right: auto; + padding-left: 2rem; + padding-right: 2rem; +} + +.prev, +.next { + display: block; +} + +.prev { + margin-right: auto; +} + +.next { + margin-left: auto; +} +</style> + +<nav class="nav"> + <a class="prev" href={prevUrl || '#'}>Prev</a> + <a class="next" href={nextUrl || '#'}>Next</a> +</nav> |