Responsive

tip

Note that the setting here is from small to large, using the override setting method

If you need to use different display methods in different sizes, you can try this

<BearCarousel 
    // ...ignore some 
    slidesPerView={1}
    height={{widthRatio: 22, heightRatio: 9}}
    isEnablePagination
    isEnableLoop
    breakpoints={{
        768: {
            slidesPerView: 2,
            height: {widthRatio: 16, heightRatio: 9},
            isEnableLoop: false,
            isEnablePagination: false,
            isEnableNavButton: false,
        },
        1200: {
            slidesPerView: 4,
            height: {widthRatio: 32, heightRatio: 9},
            isEnableLoop: true,
            isEnablePagination: true,
            isEnableNavButton: true,
        }
    }}
/>

You can move the window to see