For detailed instructions, view our install section in this documentation. Make sure all of the dependencies and polyfills are loaded to make the component cross-browser compatible.
To add pagination, just add the markup in your app where you want it displayed.
All these attributes are required.
|String||unset||The last page you want pagination to end with|
All these attributes are optional.
|String||unset||Denotes the placement of the ellipsis (does not apply for compact mode) If the number provided does not meet the minimum requirements, it will default to best position available.|
|Bool||unset||Sets the pagination to compact mode|
pearson-pagination component emits three different events:
|Will fire when the user interacts with the next page button|
|Will fire when the user interacts with the previous page button|
|Will fire when the user interacts with single page number|
Do you want to use your own JS to make the pagination function? No problem, use the markup below along with CSS to build pagination with your own JS.
Important note: You can follow the UXF guidelines to view the suggested functionality of the modal window.