electron-tabs/demo/electron-tabs.html
2022-05-25 15:08:25 +02:00

56 lines
1.1 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<title>electron-tabs-demo</title>
</head>
<body style="margin:0">
<tab-group new-tab-button="true" sortable="true">
<style>
/* Add custom style */
.my-badge {
background-color: #327BB1;
}
</style>
</tab-group>
<script src="../dist/electron-tabs.js"></script>
<script>
const tabGroup = document.querySelector("tab-group");
tabGroup.on("ready", () => console.info("TabGroup is ready"));
tabGroup.setDefaultTab({
title: "Wikipedia",
src: "https://www.wikipedia.org/",
active: true,
ready: () => console.info("New Tab is ready")
});
tabGroup.addTab({
title: "electron-tabs on NPM",
src: "https://www.npmjs.com/package/electron-tabs",
badge: {
text: "5",
classname: "my-badge"
}
});
tabGroup.addTab({
title: "electron-tabs on Github",
src: "https://github.com/brrd/electron-tabs",
iconURL: "mark-github.svg",
active: true
});
tabGroup.addTab({
title: "Flashed Tab",
src: "page.html",
ready: function(tab) {
tab.flash();
}
});
</script>
</body>
</html>