<NavigationControls />

Navigation controls component. It displays a dot for each slide to allow navigation. In slides with automatic scroll, the active dot gets filled as the time progresses.

const MySlider = () => (
	<Slider
		withAutomaticScroll={true}
		automaticScrollDuration={2000}
		slides={slides}
	>
		<NavigationControls />
		<SliderImage />
	</Slider>
);

Go to slide 0

Go to slide 1

Go to slide 2

Get the code

Please, log in or sign up to see the code.

Log inGet access