:noentry: Deprecation Warning :noentry:
This particle is being deprecated, please use the paginator found here: https://core.procore.com/latest/#/react/components/paginationPaginator
A pagination component.
Example

Change Log
8.4.3
- Rebuilds package with shared components transpiled. Fixes
Unexpected token: keyword (const)
Uglify error in clients.
8.4.2
- Fixes spacing with prop
hideRange
- Swaps out font-awesome for css implementation of dropdown toggle arrows
8.4.1
- Fixes bug in Firebox where dropdown was always opening upward
8.4.0
- Added
hideRange
props to conditional hide the current item range - Only show dropdown footer if needed (can't see all items at once)
8.3.0
- If only showing one element per page (
perPage = 1
), don't create range1 - 1 of 100
=>1 of 100
8.2.0
- Added support for upward prop
8.1.3
- Removes
font-family: Lato
, allows cascade of font
8.1.2
- Restoring transition animation upwards and downwards
- Fixing anchor point bug for small record sets
8.1.1
- Dropdown opens upward if not enough space downward
8.1.0
- Adding support for keyboard navigation (up, down, enter, esc)
8.0.1
- Fixing "next" arrow on Firefox
8.0.0
- Breaking Large UX update. Dropdown navigation added.
- Breaking I18n update - removing
displaying
, addingpage
7.0.2
- Restoring default font to Lato
7.0.1
- Fixed inactive state if only one page
7.0.0
- Breaking Using pseudolocalization for i18n handling
- Breaking Requiring
totalRecords
- Many more unit tests added
6.0.1
- Changing next/prev buttons to be divs instead of buttons. Visually better when one is disabled/consistent styling
6.0.0
- UI/UX overhaul
- Preprod unit test runner added
- Changed
.paginator
class to.container
- Removed Font Awesome in favor of inline SVG
5.2.0
- Invoke
composeStyles
when a new prop (dynamicStyleActive
) is set to true.
5.1.0
- Added
slotMiddle
component support.
5.0.1
- Add unit tests, CSS module mocking, and code coverage reporting.
5.0.0
onSelect
changed toonChange
- Analytics added
- Simplified sandbox
4.0.0
- Changing next/prev arrows to move length of entire select, not just 1 page
3.1.2
- Removed ellipsis from navigation under 4 pages
3.1.1
- Updating package.json to Particles URL
3.1.0
- I18N support
this.styles
fix- Default styles removed
3.0.1
- Removing reset.scss
3.0.0
- Add onMount prop called from componentDidMount
active
prop for managing active page instead of internal state
2.0.3 - 2.1.3
- (Unintentional minor bump)
- Splitting out dev dependencies
2.0.0, 2.0.1, 2.0.2
- Stylesheet composition
- Bootstrap dependency removed
1.1.2
- Implemented prod builds
1.1.1
- Implemented Webpack 2.2.1
1.1.0
- Per page default added.
1.0.0
- Initial commit