@sneppy/vue-swoosh

A simple carousel for Vue

Usage no npm install needed!

<script type="module">
  import sneppyVueSwoosh from 'https://cdn.skypack.dev/@sneppy/vue-swoosh';
</script>

README

Swoosh

Swoooooosh

Contributors

Basic usage

Install the plugin:

$ npm i @sneppy/vue-swoosh

In your entry point file, import the plugin and tell Vue to setup it up:

import Vue from 'vue'
import Swoosh from '@sneppy/swoosh'

Vue.use(Swoosh)

The plugin registers the global component swoosh-view which can be used to create a carousel:

<template>
    <div id="app">
        <swoosh-view>
            <div class="section">
                <h2 class="section-name">Introduction</h2>
            </div>

            <div class="section">
                <h2 class="section-name">Details</h2>
            </div>

            <div class="section">
                <h2 class="section-name">Downloads</h2>
            </div>
        </swoosh-view>
    </div>
</template>

Right now the plugin is driven by HTML touch events, it will only work properly on devices that trigger the touch events (e.g. smartphones and tablets).

WIP