2017-06-27 15:38:44 -05:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
|
|
|
|
|
<head>
|
2020-03-10 15:53:22 -05:00
|
|
|
<title>electron-tabs-demo</title>
|
2017-06-27 15:38:44 -05:00
|
|
|
</head>
|
|
|
|
|
<body style="margin:0">
|
|
|
|
|
|
2022-05-23 11:10:29 -05:00
|
|
|
<tab-group></tab-group>
|
2017-06-27 15:38:44 -05:00
|
|
|
|
2022-05-23 11:46:45 -05:00
|
|
|
<script src="../dist/electron-tabs.js"></script>
|
2017-06-27 15:38:44 -05:00
|
|
|
<script>
|
2022-05-23 11:10:29 -05:00
|
|
|
const tabGroup = document.querySelector("tab-group");
|
2022-05-23 12:17:47 -05:00
|
|
|
|
|
|
|
|
// TODO: fix this
|
|
|
|
|
// newTab must be defined when the component is created ("add" button visibility)
|
|
|
|
|
tabGroup.setNewTab({
|
2022-05-23 11:10:29 -05:00
|
|
|
title: "New Tab"
|
2022-05-23 12:17:47 -05:00
|
|
|
});
|
2020-02-04 05:13:57 -05:00
|
|
|
|
|
|
|
|
tabGroup.addTab({
|
2022-05-23 12:17:47 -05:00
|
|
|
title: "electron-tabs on NPM",
|
|
|
|
|
src: "https://www.npmjs.com/package/electron-tabs",
|
2020-02-04 05:13:57 -05:00
|
|
|
});
|
|
|
|
|
|
|
|
|
|
tabGroup.addTab({
|
2022-05-23 12:17:47 -05:00
|
|
|
title: "electron-tabs on Github",
|
|
|
|
|
src: "https://github.com/brrd/electron-tabs",
|
2020-02-04 05:13:57 -05:00
|
|
|
visible: true,
|
|
|
|
|
active: true
|
|
|
|
|
});
|
2017-06-27 15:38:44 -05:00
|
|
|
|
2022-05-23 12:17:47 -05:00
|
|
|
tabGroup.addTab({});
|
|
|
|
|
|
2017-06-27 15:38:44 -05:00
|
|
|
</script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
