Pagers allow users to navigate through items of the same table or list.
To install @igloo-ui/pager
in your project, you will need to run the following command using npm:
npm install @igloo-ui/pager
If you prefer Yarn, use the following command instead:
yarn add @igloo-ui/pager
Then to use the component in your code, import it!
import Pager from '@igloo-ui/pager';
const [currentPage, setCurrentPage] = React.useState(1);
<Pager
pageSize={5}
totalCount={200}
currentPage={currentPage}
onPageChange={(page) => setCurrentPage(page)}
/>
The Pager component uses the @igloo-ui/provider
package to receive the correct locale. This should be wrapped around the entire application.
import IglooProvider from '@igloo-ui/provider';
<IglooProvider locale="fr-CA">
<Pager
pageSize={5}
totalCount={200}
currentPage={currentPage}
onPageChange={(page) => setCurrentPage(page)}
/>
</IglooProvider>