React SwiperJs Button Outside The Container

Viewed 21

i am using react swiperjs , how do i let the button can show outside the container with css?

JS File

Swiper CSS

2 Answers

have you tried giving negative values to "left" and "right"?

something like left: -10%;

add that CSS then your left and the right button will be outside of the block

.swiper-button-prev{ // use sass
    .swiper-button-prev{
       left: 0px;// fit px as your demand
    }
    .swiper-button-next{
      right:0px;// 
    }
}
Related