I have a MudTabs component, inside there is a MudTab. The MudTab has a big chunk of razor that renders quite a lot of data through MudTextFields. It works fine.

I wanted to refactor the code and move the “big chunk of razor” into separate component. I wish to render this component inside the tab instead.

Neither of the below mentioned approaches are working:

<MudTabPanel Text="Details">
  @DetailsComponent
</MudTabPanel>

<MudTabPanel Text="Details" Component="@DetailsComponent">
</MudTabPanel>

Anything missing in implementation?