Nonlinear Programming Methods

    custom-electron-titlebar
    TypeScript icon, indicating that this package has built-in type declarations

    4.1.0 • Public • Published

    Custom Electron Titlebar

    This project is a typescript library for electron that allows you to configure a fully customizable title bar.

    LICENSE NPM Version

    Screenshot 1

    Screenshot 2

    Screenshot 3

    📦 Intalling

    You can install this package with npm.

    npm install custom-electron-titlebar

    🛠️ Usage

    The implementation is done as follows:

    In the main application file (main.js or .ts)

    import { setupTitlebar, attachTitlebarToWindow } from "custom-electron-titlebar/main";
    
    // setup the titlebar main process
    setupTitlebar();
    
    function createWindow() {
      ...
    
      // attach fullscreen(f11 and not 'maximized') && focus listeners
      attachTitlebarToWindow(mainWindow);
    }

    In the preload file (preload.js or .ts)

    import { Titlebar } from "custom-electron-titlebar";
    
    window.addEventListener('DOMContentLoaded', () => {
      // Title bar implemenation
      new Titlebar();
    });

    To see the options you can include in the Title Bar constructor, such as color of elements, icons, menu position, and much more, and the methods you can use, go to the wiki

    💰 Support

    If you want to support my development, you can do so by donating through Buy me a coffee or Patreon

    License

    This project is under the MIT license.

    Install

    npm i custom-electron-titlebar

    DownloadsWeekly Downloads

    1,574

    Version

    4.1.0

    License

    MIT

    Unpacked Size

    181 kB

    Total Files

    31

    Last publish

    Collaborators

    • alextorressk