vue-titlebar
Simple and easy to use title bar for electron
stylesheets are written in scss and require a loader for it.
TODO
- Write a better README
- Implement sub menus
Installation
Install with npm:
npm install --save @wuild/vue-titlebar
const VueTitlebar = require("@wuild/vue-titlebar");
Vue.use(VueTitlebar);Themes / Platform
Properties
| Name | type | default | description |
|---|---|---|---|
| theme | String | light | theme (dark, light) |
| platform | String | -- | (required) specify current platform (win32, darwin, linux) |
| menu | Array | [] | If specified will build a simple menu on win32 and linux |
| isMinimizable | Boolean | true | show minimize button |
| isMaximizable | Boolean | true | show maximize button |
| isClosable | Boolean | true | show close button |
| onMinimize | Function | -- | if minimize button is clicked |
| onMaximize | Function | -- | if maximize button is clicked |
| onClose | Function | -- | if close button is clicked |
| showIcon | Boolean | true | theme (dark, light) |
| showTitle | Boolean | true | theme (dark, light) |
Example
<v-titlebar :theme="theme" :platform="platform" :on-close="close" :on-maximize="toggleMaximize"
:on-minimize="minimize" :is-maximizable="isMaximizable" :is-closable="isClosable"
:is-minimizable="isMinimizable" :menu="menu" :show-icon="showIcon" :show-title="showTitle">
<template slot="icon">
<img src="image.png" alt="icon" />
</template>
<template slot="title">
App Name
</template>
</v-titlebar>License
Copyright © 2018, Wuild Released under the MIT license.