Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Updates to Vue Slick Carousel to work with VUE3

License

Notifications You must be signed in to change notification settings

teescripts/vue-slick3

 
 

Repository files navigation

vue-slick3

vue-slick3 is a clone of vue-slick-carousel AND vue-slick-carousel is based on slick-carousel, and was completely rewritten as a vue component.
These small changes made were for my personal use on a VUE3 project.
They are therefore compatibility updates to work with VUE3 +

Nothing else has changed. To refere to the original project, go to vue-slick-carousel

Installation

yarn/npm/bit

# npm
npm i vue-slick3
# yarn
yarn add vue-slick3

cdn

# latest
https://unpkg.com/vue-slick3

Quick Start

<template>
  <div>
    <VueSlick3 :arrows="true" :dots="true">
      <div>1</div>
      <div>2</div>
      <div>3</div>
      <div>4</div>
    </VueSlick3>
  </div>
</template>

<script>
  import VueSlick3 from 'vue-slick3'
  import 'vue-slick3/dist/vue-slick3.css'
  // optional style for arrows & dots
  import 'vue-slick3/dist/vue-slick3-theme.css'

  export default {
    name: 'MyComponent',
    components: { VueSlick3 },
  }
</script>

About

Updates to Vue Slick Carousel to work with VUE3

Resources

License

Code of conduct

Contributing

Stars

Watchers

Forks

Packages

No packages published

Languages

  • Vue 64.6%
  • JavaScript 31.0%
  • CSS 4.4%