| Horizontal Pager | Horizontal Pager with Tabs | Horizontal Pager with indicator |
|---|---|---|
 |
 |
 |
A component that allows users to swipe horizontally between pages of content. It displays a sequence of pages where each page is shown one at a time, providing a straightforward navigation experience. Also we can configure its behaviour to enable reverse pager behaviour or whether to disable swipe gestures for it.
Combines horizontal paging with a tab layout at the top or bottom, enabling users to quickly switch between pages using tabs. Each tab corresponds to a page, providing an easy way to navigate through different sections. This way we can manually navigate between pages instead of swiping.
Includes visual indicators, such as dots or bars, to represent the number of pages and the current page. These indicators give users a visual cue about their position within the pager and allow for smooth navigation between pages.
| Vertical Pager with indicator | Pager with Zoom-in transformation |
Pager with Fling Behavior |
|---|---|---|
 |
 |
 |
Similar to a horizontal pager with indicators, but allows users to swipe vertically between pages. The indicators, such as dots or bars, represent the total number of pages and the current page position, but are aligned vertically rather than horizontally.
Features a zoom-in effect on the current page, creating a dynamic visual experience where the active page is enlarged while adjacent pages are scaled down.
Supports fling gestures to swipe between pages with momentum, simulating a natural scrolling experience. You can adjust the fling sensitivity to control how responsive the page transitions are to user interactions.
| Add/Remove pager |
|---|
 |
A demo showcasing dynamic page management in a pager allows users to add or remove pages in real-time. This functionality enables the pager to update its content dynamically, reflecting changes immediately without requiring a restart. Users can interact with controls to add new pages or remove existing ones, demonstrating the pager's flexibility and responsiveness to content updates.