Pagination

Installation

npm install @sk-web-gui/react

import { Pagination } from '@sk-web-gui/react';

Prop	Typ	Standard	Beskrivning
`pages`	`number`	`–`	Total amount of pages
`activePage`	`number`	`–`	Currently active page
`changePage`	`(page: number) => void`	`–`	Handles page number change
`pagesBefore`	`number`	`–`	Number of pages shown before current page
`pagesAfter`	`number`	`–`	Number of pages shown after current page
`showFirst`	`boolean`	`–`	Always show first page
`showLast`	`boolean`	`–`	Always show last page
`nextLabel`	`string`	`–`	Label on next button
`prevLabel`	`string`	`–`	Label on previous button
`hidePrevNextLabel`	`boolean`	`–`	Hides the text on prev and next buttons
`fitContainer`	`boolean`	`–`	Stretch width to fit container
`showConstantPages`	`boolean`	`–`	Always show same number of pages
`asSelect`	`boolean`	`–`	Show as select

{
  "pages": 11,
  "activePage": 1,
  "showFirst": true,
  "showLast": true,
  "pagesBefore": 1,
  "pagesAfter": 1
}