Tabs: Setting Tab Class or Style does nothing #1027 (#1035)

vikramlearning · Feb 11, 2025 · 2abb78f · 2abb78f
1 parent 9c968f1
commit 2abb78f
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/blazorbootstrap/Components/Tabs/Tabs.razor b/blazorbootstrap/Components/Tabs/Tabs.razor
@@ -33,7 +33,7 @@
         <div class="@TabContentCssClass">
             @foreach (var t in tabs)
             {
-                <div class="tab-pane @(EnableFadeEffect ? "fade" : "")" id="nav-@t.Id" role="tabpanel" aria-labelledby="@t.Id">
+                <div id="[email protected]" class="@BootstrapClass.TabPane @(EnableFadeEffect ? BootstrapClass.Fade : "") @t.Class" style="@t.Style" role="tabpanel" aria-labelledby="@t.Id">
                     @t.Content
                 </div>
             }

diff --git a/blazorbootstrap/Constants/BootstrapClass.cs b/blazorbootstrap/Constants/BootstrapClass.cs
@@ -138,6 +138,8 @@ public static class BootstrapClass
 
     public const string Spinner = "spinner";
 
+    public const  string TabPane = "tab-pane";
+
     public const string TableResponsive = "table-responsive";
     public const string TableSticky = "bb-table-sticky";