npm
Controls

PageDots

Carousel dots that breathe.

<PageDots count={4} index={page} onPageChange={setPage} getPageLabel={(index) => `Open page ${index + 1}`} />

Bounded carousel position. Supplying onPageChange andgetPageLabel promotes every dot to a named native button.