DzinerHub

DzinerHub

Page Control

Dots or markers showing pagination state.

Page Control

Dots or markers showing pagination state.

In Navigation

What is a Page Control component?

A Page Control component is a user interface element that visually indicates the current position of the user within a series of pages or views. It typically consists of dots or markers that represent different pages, allowing users to understand their navigation state at a glance.

When to use Page Control?

Page Control is ideal for applications that involve multiple screens or pages, such as image galleries, onboarding tutorials, or paginated content. It enhances user experience by providing clear visual feedback on the user's location within the navigation structure.

When not to use Page Control?

Avoid using Page Control when the number of pages is excessive, as it can lead to clutter and confusion. Additionally, if the content does not require navigation through distinct pages, alternative navigation components may be more appropriate.

What is the anatomy of a Page Control?

The anatomy of a Page Control typically includes circular or square markers, each representing a page. The active page is often highlighted differently than inactive ones, allowing users to easily identify their current position. The design can vary based on the application's theme but generally maintains a simple and intuitive appearance.