Pagination
No content installed
Follow the steps below to install this Block. Make sure you have reviewed the getting started steps.
This will add LoadMore.tsx and Pagination.tsx files to your blocks folder located in cosmic/blocks/pagination.
Add the LoadMore component to create an infinite scroll around your list. See full code example in the examples section below.
Add the pagination Block to your code with the following. See how to use this with ProductList.tsx in the pagination example below.
Examples
Use the load more pagination Block to fetch additional products using a Server Action.
More to explore
Landing Page
1 Object type • 1 demo Object
Layout
2 Object types • 3 demo Objects
Blog
3 Object types • 2 demo Objects
Comments
1 Object type • 5 demo Objects
Contact Form
1 Object type
Events
1 Object type • 3 demo Objects
Ecommerce
1 Object type • 4 demo Objects
Team
1 Object type • 4 demo Objects
Testimonials
1 Object type • 4 demo Objects
FAQs
1 Metafield
Image Gallery
1 Metafield
Navigation Menu
1 Object type • 2 demo Objects
SEO Fields
1 Metafield
Pagination
No content installed
Localization
No content installed
