Installation

npm install vue2-slideout-panel --save-dev

1) Download from NPM

Usage

1) Register the Vue Slideout Panel Component:

import Vue from 'vue';
import { VueSlideoutPanel } from 'vue2-slideout-panel';

Vue.component('slideout-panel', VueSlideoutPanel);

2) Add the Vue Slideout Panel Component tag to your HTML:

<slideout-panel></slideout-panel>

3) Use the Vue Slideout Panel Service to launch a panel:

import { vueSlideoutPanelService } from 'vue2-slideout-panel';

const panel1Handle = vueSlideoutPanelService.show({
  component : 'your-component-name',
  props: {
    //any data you want passed to your component
  }
})

panel1Handle.promise
  .then(result => {

  });

Examples

  {{ example1Result }}