Carousel Indicator

Carousel indicators allow users to navigate through a set of items within a carousel.

Overview

The purpose of carousel indicators is to provide users with a visual cue about their current position and the total number of slides available in the carousel. As the user navigates through the slides, the corresponding indicator is highlighted to reflect the active slide.

Carousel indicators can be clicked or tapped to directly navigate to a specific slide, providing additional control and flexibility to the user.

A carousel indicator placed underneath a carousel.

Resources

Figma Component	Available
Figma Documentation	Available
Web Components	N/A
Vue [Fozzie]	N/A
React [Snacks]	N/A
iOS JustUI [UI Kit]	Available
iOS PIE [SwiftUI]	Planned
Android [XML views]	Planned
Android [Jetpack compose]	Planned