Add custom class example in demo

This commit is contained in:
Thomas Brouard 2022-05-25 15:14:37 +02:00
parent 965aabb202
commit 309e7bccb2

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>