1.7.4 • Published 4 years ago
windowbar v1.7.4
windowbar
Emulate window title bar in three different styles. See the demo.
npm install windowbar
Usage
For use in browserify, electron, or a similar environment. Plain javascript:
var windowbar = require('windowbar');
var wb = new windowbar({'style':'mac', 'dblClickable':false})
.on('close', console.log('close'))
.on('minimize', console.log('minimize'))
.on('fullscreen', console.log('fullscreen'))
.on('maximize', console.log('maximize'))
.appendTo(document.body);
The returned instance emits four events: close
, minimize
, maximize
, and fullscreen
. Note: maximize
can also be triggered in the Mac style by alt-clicking fullscreen.
The constructor accepts an options object with these properties:
dark
(defaultfalse
): Dark theme.draggable
(defaulttrue
): Enables/disables the -webkit-app-region CSS property on the root element. Allows frameless windows to be dragged in anelectron
application.fixed
(defaultfalse
): Affixes to the top and floats above the rest of the content so only the buttons and title are visible. Ignorestransparent
rule.style
(defaults to current OS, ordefault
if unrecognized): Possible values aremac
,win
, ordefault
.tall
: (defaultfalse
, mac only): Makes the windowbar taller than usual, with the controls slightly inset.title
: Sets the title. Can be changed later withupdateTitle(t)
.transparent
(defaultfalse
): Transparent background for an overlayed effect.
dblClickable
: Deprecated - Just don't provide a dblclick handler.
To do
- Update react component