Option to hide tabs bar

Author: ShlomiRex

.gitignore

@@ -1,2 +1,3 @@
 node_modules/
 package-lock.json
+yarn.lock

src/electron-browser.js

@@ -473,6 +473,14 @@ class ElectronChromeTabs {
 			"activeWebview": this.activeView
 		}
 	}
+
+	hideTabsBar() {
+		document.getElementById("eb-tabs-bar").style.display = "none";
+	}
+
+	showTabsBar() {
+		document.getElementById("eb-tabs-bar").style.display = "block";
+	}
 }
 
 module.exports = ElectronChromeTabs

src/example/index.html

@@ -19,7 +19,7 @@
 			<div class="tabs-content"></div>
 			<div class="tab-add"></div>
 		</div>
-		<div style="padding: 5px;" class="tabs-bar">
+		<div id="eb-tabs-bar" style="padding: 5px;" class="tabs-bar">
 			<button id="btn-toggle-theme">Toggle dark mode</button>
 		</div>
 		<div class="browser-views"></div>

src/example/renderer.js

@@ -2,6 +2,7 @@ const ElectronTabs = require("../electron-browser")
 const electronTabs = new ElectronTabs()
 
 
+electronTabs.hideTabsBar();
 electronTabs.addTab("Test div view", "")
 electronTabs.addTab("Test webview view", "", "test.html")
 electronTabs.addTab("Google", "favicons/google-favicon.ico", "https://google.com")