Vue Slideout Panel is a component for creating stackable sliding panels. Palettes can be added from any Vue component and added to the global stack and must be closed in LIFO order.
vue vuetify slide out panel, vue slide transition, vue burger menu example, javascript slide left right top bottom, css sliding panel, vue slide out menu
How to make use of it:
Install & Download:
# NPM $ npm install vue2-slideout-panel --save
Options
The $showPanel the method takes the following options:
| Param | Type | Description | Default |
|---|---|---|---|
width | String/Number | custom width can be a number like 10 or a string like '10px' – only applies when using openOn : left/right | 900px |
height | String/Number | custom height can be a number like 10 or a string like '10px' – only applies when using openOn : top/bottom | 900px |
openOn | String | left, right, top, or bottom | left |
cssClass | String | custom CSS class to apply to the panel body | |
hideBg | Boolean | hide the backdrop – only works on the first panel, all subsequent panels will follow suit | false |
removeBg | Boolean | remove the backdrop – only works on the first panel, all subsequent panels will follow suit | false |
disableBgClick | Boolean | disable closing the panel by clicking on the backdrop | false |
keepAlive | Boolean | enable Vue’s keep-alive functionality | false |
props | Object | an object containing any data that you want to be passed to your Vue.js component as props |
Stackable Slideout Panels, vue2 slideout panel Plugin/Github
See Demo And Download
Official Website(officert): Click Here
This superior jQuery/javascript plugin is developed by officert. For extra advanced usage, please go to the official website.
