[](https://www.npmjs.com/package/@toneflix-code/flickity-vue) [](https://www.npmjs
npm install @toneflix-code/flickity-vue


A Vue 3 Component for Flickity.js - See a live demo here.


Supports only Vue >= 3
See official documentation here.
$ npm i @toneflix-code/flickity-vue
``js
import { createApp } from "vue";
import App from "./App.vue";
import flickity from "@toneflix-code/flickity-vue";
createApp(App).use(flickity).mount("#app");
new Vue({
components: {
FlickityMain,
FlickityCell,
},
data() {
return {
flickityOptions: {
initialIndex: 3,
prevNextButtons: false,
pageDots: false,
wrapAround: true,
// any options from Flickity can be used
},
};
},
});
`
`html
`
Any options from Flickity can be passed a props
`html``
prev-next-buttons
page-dots
wrap-around
:initial-index="3"
>