Pagination

import Pagination from '@semcore/ui/pagination';
<Pagination />;

PaginationProps

& & {...}

Name	Type	Description
totalPages	number	Total number of pages
currentPage	number	Active page number
onCurrentPageChange	(pageNumber: number) => void	Callback for changing the active page
locale	string
size	"m" | "l"	Sizes for pagination panel

Pagination.FirstPage

Takes all the properties of the button.

import Pagination from '@semcore/ui/pagination';
<Pagination.FirstPage />;

Pagination.NextPage

Takes all the properties of the button.

import Pagination from '@semcore/ui/pagination';
<Pagination.NextPage />;

Pagination.PageInput

import Pagination from '@semcore/ui/pagination';
<Pagination.PageInput />;

PageInputProps

& & {...}

Pagination.PageInput.Value

import Pagination from '@semcore/ui/pagination';
<Pagination.PageInput.Value />;

InputValueProps

& & & {...}

Name	Type	Description
value	string	Input value
defaultValue	string	Default value if `value` property is not provided
onChange	(value: string, event: React.SyntheticEvent<>) => void	Handler for changing the value
disabled	boolean	Deprecated
readOnly	boolean	Sets the input to the read-only state
size		Input size
placeholder	string	Placeholder for input

Pagination.PrevPage

Takes all the properties of the button.

import Pagination from '@semcore/ui/pagination';
<Pagination.PrevPage />;

Pagination.TotalPages

import Pagination from '@semcore/ui/pagination';
<Pagination.TotalPages />;

TotalPagesProps

& & {...}