Centered
By default, the current slide is aligned to the left. You can change that behaviour with the centered
plugin.
// import Carousel, { slidesToShowPlugin } from '@brainhubeu/react-carousel';
// import '@brainhubeu/react-carousel/lib/style.css';
<Carousel
plugins={[
'centered',
'infinite',
'arrows',
{
resolve: slidesToShowPlugin,
options: {
numberOfSlides: 2,
},
},
]}
>
<img src={imageOne} />
<img src={imageTwo} />
<img src={imageThree} />
</Carousel>