kdu-awesome-swiper

Swiper component for Kdu.

Install

npm install swiper kdu-awesome-swiper --save

# or
yarn add swiper kdu-awesome-swiper

Global Registration

import Kdu from 'kdu'
import KduAwesomeSwiper from 'kdu-awesome-swiper'

// import style
import 'swiper/css/swiper.css'

Kdu.use(KduAwesomeSwiper, /* { default options with global component } */)

Local Registration

import { Swiper, SwiperSlide, directive } from 'kdu-awesome-swiper'
import 'swiper/css/swiper.css'

export default {
  components: {
    Swiper,
    SwiperSlide
  },
  directives: {
    swiper: directive
  }
}

CDN

<link rel="stylesheet" href="path/to/swiper.css"/>
<script type="text/javascript" src="path/to/swiper.js"></script>
<script type="text/javascript" src="path/to/kdu.min.js"></script>
<script type="text/javascript" src="path/to/dist/kdu-awesome-swiper.js"></script>
<script type="text/javascript">
  Kdu.use(window.KduAwesomeSwiper)
</script>