Skip to main content

Slides Per View

Specify how many to display at a time within the visible range, or how many to display on a page

Number​

This represents a page displaying 3 items

<AcroolCarousel
    // ...ignore some 
    slidesPerView={3}
/>

Show half​

Tip

You can also use it with isCenteredSlides to achieve good results.

Decimals can be set to display half of the picture. This display method is calculated by CSS Flexbox.

<AcroolCarousel
    // ...ignore some
    slidesPerView={1.5}
/>

Auto​

Tip

You can also use it with isCenteredSlides to achieve good results.

If each of your carousel items is a fixed-size Card, but you don't want to change the Card Size because of the container size, you can use auto

<AcroolCarousel
    // ...ignore some 
    slidesPerView="auto"
/>