korbs/electron-tabs
1
0
Fork 0
mirror of https://ark.sudovanilla.org/Korbs/electron-tabs.git synced 2024-12-23 03:53:53 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add custom class example in demo

Browse source
This commit is contained in:
Thomas Brouard 2022-05-25 15:14:37 +02:00
parent 965aabb202
commit 309e7bccb2
1 changed files with 14 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
demo/electron-tabs.html
View file

@ -8,10 +8,15 @@
<tab-group new-tab-button="true" sortable="true"> <tab-group new-tab-button="true" sortable="true">
<style> <style>
/* Add custom style */ /* Add custom styles */
.my-badge { .my-badge {
background-color: #327BB1; background-color: #327BB1;
} }
.my-custom-tab {
color: red;
font-style: italic;
font-weight: bold;
}
</style> </style>
</tab-group> </tab-group>
@ -50,6 +55,14 @@
tab.flash(); tab.flash();
} }
}); });
tabGroup.addTab({
title: "My Custom Class",
src: "page.html",
ready: function(tab) {
tab.element.classList.add("my-custom-tab");
}
});
</script> </script>
</body> </body>
</html> </html>