Press "Enter" to skip to content

Vue JS Component For Stackable Slideout Transition Panels

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:

ParamTypeDescriptionDefault
widthString/Numbercustom width can be a number like 10 or a string like '10px' – only applies when using openOn : left/right900px
heightString/Numbercustom height can be a number like 10 or a string like '10px' – only applies when using openOn : top/bottom900px
openOnStringleftrighttop, or bottomleft
cssClassStringcustom CSS class to apply to the panel body 
hideBgBooleanhide the backdrop – only works on the first panel, all subsequent panels will follow suitfalse
removeBgBooleanremove the backdrop – only works on the first panel, all subsequent panels will follow suitfalse
disableBgClickBooleandisable closing the panel by clicking on the backdropfalse
keepAliveBooleanenable Vue’s keep-alive functionalityfalse
propsObjectan 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.

Be First to Comment

    Leave a Reply

    Your email address will not be published. Required fields are marked *