Paginator provides separate controls for paging behavior, the navigation bar, buttons, shadows, and interface text.
Pagination and scrolling
Number of posts sets the items shown on each page.
Position places the pagination bar in the selected location.
Scroll to top moves the view back to the paginated section after a page change.
Offset leaves room for a fixed header or other content above the section.
Disable automatic scrolling when visitors should stay at the navigation position. When it is enabled, test the offset on both desktop and mobile.
Item animation
Paginator supports fade, slide, and pop-style entrances for items shown after a page change. Choose a restrained effect that does not delay reading, and preview repeated next/previous actions.
Navigation bar styling
Set the bar background and font colors, background blur, radius, padding, margin, and shadow offset, blur, and color. Make sure the bar remains visually separate from the content behind it.
Button styling
Configure button radius, border width, border style, border color, and shadow. Separate color controls are available for the default, hover, and active button states. The active state must be recognizable without relying on a very small color difference.
Language
Customize the page-count wording, the Go button text, and the input placeholder. Use concise labels that match the language of the page. The mobile page selector should remain understandable without surrounding instructions.
Related: Getting started with Paginator and Troubleshooting Paginator and improving accessibility.