From 309e7bccb22f275506b7504c1dd846b4508e3faf Mon Sep 17 00:00:00 2001
From: Thomas Brouard <contact@brrd.fr>
Date: Wed, 25 May 2022 15:14:37 +0200
Subject: [PATCH] Add custom class example in demo

---
 demo/electron-tabs.html | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

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