<?xml version="1.0" encoding="utf-8"?>

Page controls

Page controls

A page control helps users track their position when moving through a sequence of content views — like dots that light up to show which chapter you're reading in a digital book. It appears as a row of subtle dots, with the current page highlighted to clearly mark your place.

Key guidelines from Apple HIG:

  • Visual design: Creates a delicate row of dots using system materials that adapt to different backgrounds
  • Current position: Highlights the active dot with a brighter, more solid appearance
  • Animation style: Transitions smoothly as pages change to maintain context
  • Optimal use: Best for brief, important content like onboarding or featured items
  • Placement rules: Sits below the content it controls, centered horizontally
  • Dot count: Keeps total pages between 2-10 for easy scanning[1]

Improve your UX & Product skills with interactive courses that actually work