1.1.0 • Published 2 years ago

vue-slick-ts v1.1.0

Weekly downloads
-
License
MIT
Repository
github
Last release
2 years ago

Support

Package support ESM, UMD, CJS Package can install via NPM/YARN or just add script CDN

Package support only Vue >=3.2 version For legacy support see here

Installation

Installation by CDN

Just add script to your project to footer in your body tag

<script src="https://unpkg.com/vue-slick-ts@latest"></script>

Installation by Npm/Yarn

Prerequisite

npm install -D @types/jquery
# or
yarn add -D @types/jquery
npm install vue-slick-ts
# or
yarn add vue-slick-ts

Example Usage

<script setup lang="ts">
  import { ref, onMounted } from "vue";
  import { ListSlickMethods, VueSlickCarousel } from "vue-slick-ts";
  import type { SlickInstance } from "vue-slick-ts";
  import "vue-slick-ts/dist/css/slick.css";

  const carousel = ref<SlickInstance | null>(null);

  const handleInit = (e: JQuery.Event, instance: SlickInstance) => {
    console.log(e, instance);
  };

  onMounted(() => {
    carousel.value!(ListSlickMethods.SLICK_METHODS_PLAY);
  });
</script>

<template>
  <VueSlickCarousel ref="carousel" @init="handleInit" :autoplay-speed="4000">
    <div>Test 1</div>
    <div>Test 2</div>
  </VueSlickCarousel>
</template>
1.1.0

2 years ago

1.0.0

2 years ago

0.8.4

2 years ago

0.8.3

2 years ago

0.8.2

2 years ago

0.8.1

2 years ago

0.8.0

2 years ago

0.7.6

2 years ago

0.7.5

2 years ago

0.7.4

2 years ago

0.7.3

2 years ago

0.7.2

2 years ago

0.7.1

2 years ago

0.7.0

2 years ago

0.6.0

2 years ago

0.5.0

2 years ago

0.4.1

2 years ago

0.4.0

2 years ago

0.3.2

2 years ago

0.3.1

2 years ago

0.3.0

2 years ago

0.2.1

2 years ago

0.2.0

2 years ago

0.1.3

2 years ago

0.1.2

2 years ago

0.1.1

2 years ago

0.1.0

2 years ago