Vue.js 2 toolbar / toggle bar.

Live demo here

Install:

npm install vue-js-toolbar --save

Import:

import Toolbar from 'vue-js-toolbar'
Vue.use(Toolbar)

Use:

<toolbar :value="true"
         :position="top" />

<toolbar :value="true"
         :position="left"
         :height="64"
         :width="64"
         :color="#4285F4" />

Properties

Name	Type	Default	Description
value	Boolean	false	Initial state of the toolbar
position	String	top	Position of the toolbar, accepts top, left, right, bottom
height	Number	64	Height of the toolbar only applicable if the position is top or bottom. For left and right position the default height is 100%
width	Number	64	Width of the toolbar only applicable if the position is left or right
color	String	#4285F4	Background color of the toolbar only accepts Hex value with #

Extra customization

To further customize, simply add style with required css changes:

<toolbar style="box-shadow: none;" />

License

MIT