https://github.com/Splidejs/vue-splide

The Splide component for Vue.
https://github.com/Splidejs/vue-splide

carousel carousel-component slider vue vue-component

Last synced: about 2 months ago
JSON representation

The Splide component for Vue.

• Host: GitHub
• URL: https://github.com/Splidejs/vue-splide
• Owner: Splidejs
• License: mit
• Created: 2020-05-29T16:55:20.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2024-07-24T15:10:59.000Z (6 months ago)
• Last Synced: 2024-11-27T10:04:06.131Z (2 months ago)
• Topics: carousel, carousel-component, slider, vue, vue-component
• Language: TypeScript
• Homepage:
• Size: 1.47 MB
• Stars: 328
• Watchers: 4
• Forks: 76
• Open Issues: 32
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

        


  

      

  

  

      

  


  
Vue Splide


  


    Vue Splide is the Vue component for the

    Splide slider/carousel.

  


  


    Getting Started

    


    Demo

    


    Discussions

  



## Caveat

The latest version only supports **Vue 3**.

You have to use the old version (0.3.5) for Vue 2, but the Splide version is also outdated.

## Quick Start

Get the latest version from NPM:

```

$ npm install @splidejs/vue-splide

```

Import CSS and components:

```vue

  

    

      

    

    

      

    

  

import { Splide, SplideSlide } from '@splidejs/vue-splide';

import { defineComponent } from 'vue';

import '@splidejs/vue-splide/css';

export default defineComponent( {

  components: { Splide, SplideSlide },

} );

```

Visit [here](https://splidejs.com/integration/vue-splide/) for more details.

## Support Splide

Please support the project if you like it!

- [GitHub Sponsors](https://github.com/sponsors/NaotoshiFujita)

## License

Vue Splide and Splide are released under the MIT license.

© 2022 Naotoshi Fujita