Pagination
The Pagination component helps users navigate through multiple pages of content. It provides a clear interface for moving between pages and understanding the current position within a larger dataset.
Pagination is an essential element for navigating large datasets or multiple pages of information. It enables users to move between pages in a user-friendly and intuitive manner. Pagination helps to split large content into smaller sections to improve the overall user experience.
Basic Usage
Basic pagination allows users to navigate through numbered pages. The current page is highlighted, and users can click on page numbers or arrows to move between pages.
Variants
The Pagination component supports multiple variants to match your design needs, including outlined, text, and contained styles. These variants provide flexibility in integrating the component into your layout while maintaining a consistent visual appearance.
Sizes
The Pagination component can also be customized in terms of size to suit different use cases. For smaller screens, compact pagination may be preferred, while larger pagination can be used for better visibility on larger screens.
Large
A larger pagination component that enhances visibility and interaction on larger displays.
Medium
A medium-sized pagination component that balances compactness and visibility.
Small
A smaller pagination component suitable for compact designs or when screen real estate is limited.
