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>
|
2020-02-04 05:13:57 -05:00
|
|
|
<link rel="stylesheet" href="../electron-tabs.css">
|
2017-06-27 15:38:44 -05:00
|
|
|
</head>
|
|
|
|
|
<body style="margin:0">
|
|
|
|
|
|
|
|
|
|
<div class="etabs-tabgroup">
|
2020-02-04 05:13:57 -05:00
|
|
|
<div class="etabs-tabs"></div>
|
|
|
|
|
<div class="etabs-buttons"></div>
|
2017-06-27 15:38:44 -05:00
|
|
|
</div>
|
|
|
|
|
<div class="etabs-views"></div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<script>
|
2020-02-04 05:13:57 -05:00
|
|
|
//const TabGroup = require('electron-tabs') normally but for demo :
|
|
|
|
|
const TabGroup = require("../index");
|
|
|
|
|
|
|
|
|
|
let tabGroup = new TabGroup({
|
|
|
|
|
newTab: {
|
|
|
|
|
title: 'New Tab'
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
tabGroup.addTab({
|
|
|
|
|
title: 'Google',
|
|
|
|
|
src: 'http://google.com',
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
tabGroup.addTab({
|
|
|
|
|
title: "Electron",
|
|
|
|
|
src: "http://electron.atom.io",
|
|
|
|
|
visible: true,
|
|
|
|
|
active: true
|
|
|
|
|
});
|
2017-06-27 15:38:44 -05:00
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
