Vue.js implementation of Slideout.js

vue-slideout

This component is a simple vue implementation of Slideout.js, a simple slideout navigation menu.

Example

Install

npm install vue-slideout

Usage

App.vue

import Slideout from 'vue-slideout'

components: {
    Slideout
},
methods: {
    open: function () {
        console.log('slideoutOpen')
    }
}
<Slideout menu="#menu" panel="#panel" :toggleSelectors="['.toggle-button']" @on-open="open">
<nav id="menu">
<div>Menu</div>
</nav>
<main id="panel">
<header>
    <div>
        <button class="toggle-button">☰</button>
        Panel
    </div>
</header>
</main>
</Slideout>

You can find vue-slideout on GitHub.