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

full 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.