Add Custom HTML to RadzenTabsItem Text

I would like to add custom HTML to a RadzenTabsItem.
In my case it a Spinner from Bootstrap
Like this:

   <RadzenTabsItem Text="Title  <div class="spinner-border" role="status"><span class="sr-only">Loading...</span> </div>">

But the HTML does not render

Hi @Breee,

Welcome to the Radzen Community!

Indeed Blazor encodes all html by default. Using HTML for the Tabs item Text property isn't supported.

1 Like

I see.
My aim was to visualize that a tab's content is still loading, so In the meantime i just assigned a class to the given tab and animated the icon

<RadzenTabsItem Text="@branch" Icon="autorenew" class="loading_tab">


.loading_tab .ui-tabview-left-icon {
  -webkit-animation: rotation 2s infinite linear;
@-webkit-keyframes rotation {
from {
  -webkit-transform: rotate(0deg);
 to {
 -webkit-transform: rotate(359deg);
1 Like