1.0.6 • Published 5 years ago
custom-react-electron-titlebar v1.0.6
custom-react-electron-titlebar
Simple titlebar for electron apps for every system.
Scrennshots
Usage
Install with NPM.
npm install custom-react-electron-titlebar --saveIn electron.js file:
const electron = require("electron");
const { app,ipcMain,BrowserWindow } = electron;
mainWindow = new BrowserWindow({
frame: false,
titleBarStyle: 'hidden'});
..
..
..
ipcMain.handle("minimize-event", () => {
mainWindow.minimize();
});
ipcMain.handle("unmaximize-event", () => {
mainWindow.isMaximized() ? mainWindow.unmaximize() : mainWindow.maximize();
});
ipcMain.handle("close-event", () => {
app.quit();
});In your Component:
import TitleBar from "custom-react-electron-titlebar"
..
..
..
render(){
let options = {
backgroundColor: "#000",
iconsColor: "#FFF",
title: "To Do List",
titleColor: "#FFF",
icon: true,
closeIconClass: "fa fa-times",
maximizeIconClass: "fa fa-square-o",
minimizeIconClass: "fa fa-minus"
}
return(<TitleBar options = { options }/>)}-backgroundColor:String background of titlebar.
-iconsColor:String color of fontAwesome Icon.
-title:String title of project.
-titleColor:String color of project title.
-icon:Boolean true | false (get icon href from index.html).
<head>
<link rel="icon" href="/list.png" />
</head>-closeIconClass:fontAwesome class of close icon.
-maximizeIconClassfontAwesome class of maximize icon.
-minimizeIconClass:fontAwesome class of minimize icon.
Report an issue if you find there's something wrong