https://github.com/kapetan/titlebar

Emulate OS X window title bar
https://github.com/kapetan/titlebar

Last synced: about 2 months ago
JSON representation

Emulate OS X window title bar

• Host: GitHub
• URL: https://github.com/kapetan/titlebar
• Owner: kapetan
• Created: 2015-04-13T18:51:19.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2017-09-14T21:56:20.000Z (about 7 years ago)
• Last Synced: 2024-07-10T11:57:21.568Z (2 months ago)
• Language: JavaScript
• Size: 243 KB
• Stars: 487
• Watchers: 7
• Forks: 37
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• awesome - kapetan/titlebar - Emulate OS X window title bar (JavaScript)
• awesome-electron-zh - titlebar - Emulate the macOS window titlebar. (Components / Using Electron)

README

        
# titlebar

Emulate OS X window title bar. Extracted from [mafintosh/playback](https://github.com/mafintosh/playback). See the [live demo](http://kapetan.github.io/titlebar/demo/index.html).

	npm install titlebar

# Usage

Used with browserify or in a similar enviroment.

```javascript

var titlebar = require('titlebar');

var t = titlebar();

t.appendTo(document.body);

t.on('close', function(e) {

	console.log('close');

});

// t.element exposes the root dom element

t.element.appendChild(document.createElement('div'));

// Clean up after usage

t.destroy();

```

The returned instance emits four events: `close`, `minimize`, `fullscreen` (each corresponding to one of the stoplight buttons) and `maximize` when double clicking on the title bar area, or holding down alt key and clicking `fullscreen`.

The initializer function accepts an options object.

- `style` (default `true`): Disable default styling.

- `draggable` (default `true`): Disable the [-webkit-app-region](https://developer.chrome.com/apps/app_window) CSS property on the root element. Allows a frameless windows to be dragged in an `electron` application.