Sync Control

Synchronous control navigation items, currently

import AcroolCarousel from "@acrool/react-carousel";

const SyncCarousel = () => {
    const syncCarouselRefA = React.useRef<AcroolCarousel>(null);
    const syncCarouselRefB = React.useRef<AcroolCarousel>(null);

    return <div>
        <AcroolCarousel
            // ...ignore some
             ref={syncCarouselRefA}
             syncCarouselRefs={[syncCarouselRefB]}
        />
        <AcroolCarousel
            // ...ignore some
            ref={syncCarouselRefB}
            syncCarouselRefs={[syncCarouselRefA]}
        />
    </div>
}

Try slide item A or B