Stepper dots

Usage

The stepper dots are a row of small shape indicators that show a user's current position within a set of slides or screens. The active item is represented by a filled pill/capsule, while inactive items appear as faded circles. Typically used at the bottom of a carousel or slideshow to communicate how many items exist and which one is currently in view. Users may also tap the dots directly to jump to a specific slide.