Master Template

Searching...
Oops! Something went wrong while submitting the form
Searching...
Oops! Something went wrong while submitting the form
Sign Up

Pagination

Original Resource Link

Pagination and loading options are used to display information from large data sets in smaller, more consumable chunks. There are benefits of using each of the different components based on the size of the assumed data set and performance concerns.

Standard Pagination

Standard pagination tells users how many pages a result set has been broken into and allows them to page through or jump directly to a specific page of results. Either pager variant can be used within the centered and justified pagination components.

  • Use Standard pagination for “active searching” where the user is searching for an exact item within the entire result set.
  • The user is usually aware of set order – most recent, highest priced, most relevant, etc.
Previous
page
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form
of 40
Next
Justified Pagination
Previous
page
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form
of 40
Next
Centered Pagination
Components
Buttons & Links
View Component
Content Teasers
View Component
Customer Engagement
View Component
Dividers & Containers
View Component
Notifications
View Component
Pagination
View Component
Product Stack
View Component
Progress Indicators
View Component
Ratings & Reviews
View Component
Show / Hides
View Component
Typography
View Component