Guide

Installation

yarn
# or if you preffer npm
npm

Locally

Using only in specific component

import { Carousel, Slide } from 'vue-snap'
import 'vue-snap/dist/vue-snap.css'

export default {
  components: {
    Carousel,
    Slide
  }
}

Globally

Using <carousel /> and <slide /> components globally across your Vue Application

import Vue from 'vue'
import VueSnap from 'vue-snap'
import 'vue-snap/dist/vue-snap.css'

Vue.use(VueSnap)

HTML Markup

Then you can use it in your HTML markup.

<carousel>
  <slide>
    1
  </slide>
  <slide>
    2
  </slide>
  <slide>
    3
  </slide>
</carousel>