Pagination
Also known as: Page navigation, Next/previous button
Preview
Resources
Properties
| Property | Values | Default |
|---|---|---|
Selected Variant | Default | Active | Default |
State Variant | Default | Hover | Focus | Default |
Label Text | string | Page 1 |
Controls Booleans | false | true | false |
When to use
There is a large amount of content that needs to be split across multiple pages.
The content is not loaded dynamically.
Users may need to jump to a specific page.
Infinite scrolling or a “Load more” button provides a better user experience.
The pages don’t have a logical sequence, for example independent categories instead of continuous content.