Pagination

No description available

---
import Pagination from "@core-elements/pagination/Pagination.astro";
---

<Pagination page={{"currentPage":3,"lastPage":10,"url":{"first":"/","prev":"/2","current":"/3","next":"/4","last":"/10"}}} />

---
blocks:
  _component: building-blocks/core-elements/pagination
  page:
    currentPage: 3
    lastPage: 10
    url:
      first: /
      prev: /2
      current: /3
      next: /4
      last: /10
---

Overview

Navigation for paginated content. Works directly with Astro's pagination object to render page links, and highlight the active page.

Properties

No properties available. Make sure the component has a valid .cloudcannon.structure-value.yml file.

Examples

With arrows

---
import Pagination from "@core-elements/pagination/Pagination.astro";
---

<Pagination page={{"currentPage":3,"lastPage":10,"url":{"first":"/","prev":"/2","current":"/3","next":"/4","last":"/10"}}} showArrows="true'" />

---
blocks:
  _component: building-blocks/core-elements/pagination
  page:
    currentPage: 3
    lastPage: 10
    url:
      first: /
      prev: /2
      current: /3
      next: /4
      last: /10
  showArrows: true'
---