Skip to content

Pagination

Pagination

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

NSPagination.Props

& & {...}
NameTypeDescription
totalPagesnumber Total number of pages
currentPagenumber Active page number
onCurrentPageChange(pageNumber: number) => void Callback for changing the active page
localestring Specifies the locale for i18n support
size"m" | "l" Sizes for pagination panel

Pagination.FirstPage

Takes all the properties of the button.

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

Pagination.NextPage

Takes all the properties of the button.

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

Pagination.PageInput

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

NSPagination.PageInput.Props

&

Pagination.PageInput.Value

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

NSInput.Value.Props

& & {...}
NameTypeDescription
valuestring Input value
defaultValuestring Default value if `value` property is not provided
onChange(value: string, event: ) => void Handler for changing the value
readOnlyboolean Sets the input to the read-only state
size Input size
placeholderstring Placeholder for input
autoFocusboolean Flag to enable autofocusing after component mounting

Pagination.PrevPage

Takes all the properties of the button.

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

Pagination.TotalPages

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

NSPagination.TotalPages.Props

&

Released under the MIT License.

Released under the MIT License.