Skip to main contentCarbon Design System

Pagination

Preview the pagination component with the React live demo. For detailed code usage documentation, see the Storybooks for each framework below.

Documentation

Live demo

<div style={{width: '800px'}}>
<Pagination
backwardText="Previous page"
forwardText="Next page"
itemsPerPageText="Items per page:"
page={1}
pageNumberText="Page Number"
pageSize={10}
pageSizes={[
10,
20,
30,
40,
50
]}
totalItems={103}
/>
</div>
Pagination
Modifiers