alpine-swiper

v1.0.1

alpine directive for using the swiperjs library

alpinejs responsive directive magic

0/weekUpdated 1 years agoISCUnpacked: 823.1 KB

Published by Justin Paelmo

npm install alpine-swiper

Repository Homepage npm

alpine-swiper

alpinejs directive for using the swiperjs library

NOTE: only Navigation and Pagination modules are included by default.

example

NOTE: below is the most bare bones way to use this directive.

``html

      x-data="{
        swiperOptions: {
          slidesPerView: 3,
          autoplay: true
        },
        testMethod() {
          console.log($el.swiper)
        }
      }" 
      x-swiper="swiperOptions">
      

        
          1
        

        
          2
        

        
          3

alpine-swiper - npm explorer