Skip to content

doutatsu/vue-splide

This branch is 2 commits ahead of Splidejs/vue-splide:master.

Folders and files

NameName
Last commit message
Last commit date
Jan 27, 2022
Sep 21, 2023
Sep 1, 2022
Oct 25, 2021
Mar 23, 2022
Sep 21, 2023
Oct 14, 2021
May 30, 2020
Oct 14, 2021
Oct 14, 2021
Oct 14, 2021
Oct 17, 2021
May 29, 2020
Apr 5, 2022
Oct 16, 2021
Sep 30, 2022
Sep 30, 2022
Oct 16, 2021
Jan 19, 2022

Repository files navigation

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:

<template>
  <Splide :options="{ rewind: true }" aria-label="Vue Splide Example">
    <SplideSlide>
      <img src="image1.jpg" alt="Sample 1">
    </SplideSlide>
    <SplideSlide>
      <img src="image2.jpg" alt="Sample 2">
    </SplideSlide>
  </Splide>
</template>

<script>
import { Splide, SplideSlide } from '@splidejs/vue-splide';
import { defineComponent } from 'vue';
import '@splidejs/vue-splide/css';

export default defineComponent( {
  components: { Splide, SplideSlide },
} );
</script>

Visit here for more details.

Support Splide

Please support the project if you like it!

License

Vue Splide and Splide are released under the MIT license. © 2022 Naotoshi Fujita

About

The Splide component for Vue.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 63.4%
  • Vue 34.1%
  • JavaScript 2.5%