A basic vuejs off canvas sidebar component
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
src
.gitignore
LICENSE
README.md
package.json

README.md

vue-offcanvas-simple

A basic vuejs off canvas sidebar component

Installation

$ npm install vue-offcanvas-simple --save

Examples

<template>
  <div>
    <off-canvas v-model="show" :width="300" :duration=".5" effect="ease-in-out" @sidebarWasClosed="show = $event">
        Sidebar Content goes here
    </off-canvas>
    <div>
          <button @click="show = !show">Toggle</button><button @click="show = false">Close</button>
          <p>{{ show }}</p>
    </div>
  </div>
</template>

<script>
import offCanvas from 'vue-offcanvas-simple/src/SidebarOffCanvas.vue'

export default {
  data() {
    return {
      show: false
    }
  },
  components: {
    offCanvas
  }
}
</script>

Badges


GitHub @norbert989