Page Controls

Explore iOS Page Control (indicator dots) behavior and styles interactively. Change page count, style, and interaction mode in the control panel to see changes reflected on the iPhone screen instantly.

9:41
●●●● WiFi 🔋
Page Controls
Content Pages
⚠️ HIG Violation: Improper page control
📚 HIG Guidelines — Try It Yourself
✓ Do — Good Example
✗ Don't — Bad Example

✓ Do This

  • Use page controls for flat, peer content (like onboarding)
  • Keep page count small (under 10)
  • Make current page indicator clearly visible
  • Support both tap and swipe interactions

✗ Don't Do This

  • Don't use page controls for hierarchical content
  • Don't use more than ~10 pages
  • Don't make dots too small to tap
  • Don't use page controls as the only navigation method

👆 See the bad pattern in the iPhone preview above

1
2
3
Dots
Numbers
Tap
Swipe
SwiftUI Code