Welcome to the StepOne components documentation
StepOne Fundation
StepOne Modules
Paginator
Used for pagination.
Paginator Props
| Name | Use | Type | Definition |
| pages | required | number | The total number of pages. |
| defaultPage | optional | number | The first page to be shown. |
| collapsed | optional | boolean | Indicates whether the paginator should be displayed in a collapsed variant. |
| className | optional | string | Adds a class to the paginator. |
| truncate | optional | 'left' | 'right' | 'all' | Truncates the paginator on either the left or right side, or both. |
| collapsedOptions | optional | { jump?: 'right' | 'left' | 'all' } | Options for inserting the jump element on different positions in the collapsed variant. |
| disabled | optional | boolean | Indicates whether the paginator should be disabled. |
| onChangePage | optional | (page: number) => void | Handler function that gets called when the user changes the page. |
Examples
Paginator regular
Variants
Collapsed Paginator
Truncated Paginator
Left
...
Truncated Paginator
Right
...
Truncated Paginator
All
...