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 }}