Add custom class example in demo
This commit is contained in:
parent
965aabb202
commit
309e7bccb2
1 changed files with 14 additions and 1 deletions
|
@ -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>
|
||||||
|
|
Loading…
Reference in a new issue