Controls
2
5
Layout
Pagination
Page controls for tables, lists and archives.
Component
33
Import
import { Pagination } from "@swirski/ui";Playground
Usage
<Pagination page={2} total={5} />Props
| Prop | Type | Default | Notes |
|---|---|---|---|
Pagination.onPageChange | ((page: number) => void) | - | Called when a page button is pressed. |
Pagination.pageRequired | number | - | Current page. |
Pagination.size | 'sm' | 'md' | 'lg' | "md" | Generated from PaginationProps. |
Pagination.tone | 'blue' | 'yellow' | 'black' | "blue" | Generated from PaginationProps. |
Pagination.totalRequired | number | - | Total number of pages. |
Pagination.variant | 'default' | 'compact' | "default" | Generated from PaginationProps. |
PaginationButton.active | boolean | false | Generated from PaginationButtonProps. |
PaginationButton.size | 'sm' | 'md' | 'lg' | "md" | Generated from PaginationButtonProps. |
PaginationButton.tone | 'blue' | 'yellow' | 'black' | "blue" | Generated from PaginationButtonProps. |
PaginationButton.variant | 'default' | 'compact' | "default" | Generated from PaginationButtonProps. |