Interface: PaginationProps<Type>
Options type for Paginator
Type parameters
| Name | Description |
|---|---|
Type | type to use for the data passed in to be paginated |
Properties
Component
• Component: ElementType<any>
The React component to render for each datum
Defined in
packages/nextjs-kit/src/components/paginator.tsx:39
breakpoints
• breakpoints: Object
- start: where to start the breakpoint
end: where to end the breakpoint
add: how many buttons to add when the breakpoint is clicked
(add * x) + start = end where x is a number of clicks it takes to fill in
all of the buttons For example: If there are 25 buttons and the start = 5 and
end = 25, then add should be 5 or 10.
Type declaration
| Name | Type |
|---|---|
add | number |
end | number |
start | number |
Defined in
packages/nextjs-kit/src/components/paginator.tsx:27
data
• data: Type[]
The type of data to paginate
Defined in
packages/nextjs-kit/src/components/paginator.tsx:12
itemsPerPage
• itemsPerPage: number
Number of items per page
Defined in
packages/nextjs-kit/src/components/paginator.tsx:16
routing
• routing: boolean
If true, uses Next.js shallow routing https://nextjs.org/docs/routing/shallow-routing