Install:
npm install vue-js-toolbar --saveImport:
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" />| 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 # |
To further customize, simply add style with required css changes:
<toolbar style="box-shadow: none;" />