vue-titlebar

This is a fork version of wuild's vue-titlebar.

Here's the difference:

1. Change menu to a slot.
2. Bundled with rollup.
3. Icon will not show by default and change default icon to electron.
4. Add lint to the project.
5. Add restore button and related event.

Installation

Install with npm:

npm install --save @backrunner/vue-titlebar

const VueTitlebar = require('@wuild/vue-titlebar');

Vue.use(VueTitlebar);

Usage

Themes / Platform

Properties

| Name | type | default | description | | ------------: | -------- | ------- | ---------------------------------------------------------- | | theme | String | light | theme (dark, light) | | platform | String | -- | (required) specify current platform (win32, darwin, linux) | | isMinimizable | Boolean | true | show minimize button | | isMaximizable | Boolean | true | show maximize button | | isMaximized | Boolean | true | if window is maximized | | isClosable | Boolean | true | show close button | | onMinimize | Function | -- | if minimize button is clicked | | onMaximize | Function | -- | if maximize button is clicked | | onRestore | Function | -- | if restore button is clicked | | onClose | Function | -- | if close button is clicked | | showIcon | Boolean | false | theme (dark, light) | | showTitle | Boolean | true | theme (dark, light) |

Example

full example

<v-titlebar
  :theme="theme"
  :platform="platform"
  :on-close="close"
  :on-maximize="maximize"
  :on-restore="restore"
  :on-minimize="minimize"
  :is-maximizable="isMaximizable"
  :is-maximized="isMaximized"
  :is-closable="isClosable"
  :is-minimizable="isMinimizable"
  :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

MIT