electron-tabs/demo/electron-tabs.html
2022-05-25 12:38:53 +02:00

45 lines
920 B
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 */
.tab:hover .tab-title {
text-decoration: underline;
}
</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",
});
tabGroup.addTab({
title: "electron-tabs on Github",
src: "https://github.com/brrd/electron-tabs",
visible: true,
active: true
});
</script>
</body>
</html>