2017-06-27 22:38:44 +02:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
|
|
|
|
|
<head>
|
2020-03-10 21:53:22 +01:00
|
|
|
<title>electron-tabs-demo</title>
|
2017-06-27 22:38:44 +02:00
|
|
|
</head>
|
|
|
|
|
<body style="margin:0">
|
|
|
|
|
|
2022-05-24 10:49:24 +02:00
|
|
|
<tab-group new-tab-button="true" sortable="true">
|
|
|
|
|
<style>
|
|
|
|
|
/* Add custom style */
|
|
|
|
|
.etabs-tab:hover .etabs-tab-title {
|
|
|
|
|
text-decoration: underline;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
</tab-group>
|
2017-06-27 22:38:44 +02:00
|
|
|
|
2022-05-24 09:19:00 +02:00
|
|
|
<script src="../dist/electron-tabs.sortable.js"></script>
|
2017-06-27 22:38:44 +02:00
|
|
|
<script>
|
2022-05-23 18:10:29 +02:00
|
|
|
const tabGroup = document.querySelector("tab-group");
|
2022-05-24 10:05:04 +02:00
|
|
|
tabGroup.on("ready", () => console.info("TabGroup is ready"));
|
2022-05-23 19:17:47 +02:00
|
|
|
|
2022-05-23 23:18:52 +02:00
|
|
|
tabGroup.setDefaultTab({
|
|
|
|
|
title: "Wikipedia",
|
2022-05-23 23:56:22 +02:00
|
|
|
src: "https://www.wikipedia.org/",
|
2022-05-24 10:05:04 +02:00
|
|
|
active: true,
|
|
|
|
|
ready: () => console.info("New Tab is ready")
|
2022-05-23 19:17:47 +02:00
|
|
|
});
|
2020-02-04 11:13:57 +01:00
|
|
|
|
|
|
|
|
tabGroup.addTab({
|
2022-05-23 19:17:47 +02:00
|
|
|
title: "electron-tabs on NPM",
|
|
|
|
|
src: "https://www.npmjs.com/package/electron-tabs",
|
2020-02-04 11:13:57 +01:00
|
|
|
});
|
|
|
|
|
|
|
|
|
|
tabGroup.addTab({
|
2022-05-23 19:17:47 +02:00
|
|
|
title: "electron-tabs on Github",
|
|
|
|
|
src: "https://github.com/brrd/electron-tabs",
|
2020-02-04 11:13:57 +01:00
|
|
|
visible: true,
|
|
|
|
|
active: true
|
|
|
|
|
});
|
2017-06-27 22:38:44 +02:00
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
