Pagination controls and load more buttons for navigating through data.
Basic Pager
Start Aligned
Center Aligned (default)
End Aligned
Pager with Page Info
/ 10 pages
Pager with Item Count
Pager with First/Last Buttons
/ 10 pages
Load More Button
Start Aligned
Center Aligned (default)
End Aligned
Load More with Count
Loading State
CSS Classes Reference
Pager
pa-pager- Pager container (centered by default)pa-pager--start- Start-alignedpa-pager--center- Center-alignedpa-pager--end- End-alignedpa-pager__container- Inner flex containerpa-pager__controls- Navigation buttons grouppa-pager__info- Page info sectionpa-pager__input- Page number inputpa-pager__text- Info text
Load More
pa-load-more- Load more container (centered by default)pa-load-more--start- Start-alignedpa-load-more--end- End-alignedpa-load-more__button- Button elementpa-load-more__button--loading- Loading statepa-load-more__spinner- Loading spinnerpa-load-more__text- Button textpa-load-more__count- Count text