Docs
Paginated-list
Paginated List
Displays a list of items with pagination controls.
Users' email
User - 1
user1@example.com
User - 2
user2@example.com
- 1
- 2
- 3
Usage
Example Code
1import PaginatedList from "inc-design-system/paginatedList";Example Code
1<PaginatedList itemsPerPage={2}>
2 <div>Content 1</div>
3 <div>Content 2</div>
4 <div>Content 3</div>
5</PaginatedList>Props
PaginatedList
| Prop | Type | Description | Default |
|---|---|---|---|
| header | string | Appears at the top of the component. | - |
| itemsPerPage | number | Determines how many children to be displayed on each page. | - |
| horizontal | boolean | Determines whether to be displayed in a horizontal row or not. | - |
| children | React.ReactNode | Child passed to this component. Should be multiple children as it is a list. | - |