daopk / vue-slidebars

vue-slidebars

Usage

<template>
    <div id="app">
        <SlideBars v-model="show" position="left">
            Put your menu here
        </SlideBars>
    </div>
</template>

import SlideBars from "vue-slidebars";

export default {
    components: {
        SlideBars
    },
    data() {
        return {
            show: true
        }
    }
}

Customize configuration

Attribute	Type	Required	Default value	Note
value	Boolean	yes	false
width	Number		340
bgColor	String		"#313131"
transitionTime	Number		300	milliseconds
position	String		"left"	"left" or "right"