TileLayoutItem HeaderTemplate not working as expected

[vitaly]

I have a TileLayoutItems component on my page
For some reason nor button nor span would actually appear inside header of TileLayoutItem

    <TelerikTileLayout Columns="3"
                       ColumnWidth="285px"
                       RowHeight="285px"
                       Reorderable="true"
                       Resizable="true"
                       ColumnSpacing="0px"
                       RowSpacing="0px">
        <TileLayoutItems>
            <TileLayoutItem @ref="reference">
                <HeaderTemplate>
                    @* <button @onclick="OnCloseButtonClicked"></button> *@
                    <span>sometext</span>
                </HeaderTemplate>
                <Content>
                    <img class="k-card-image" draggable="false" src="images/cards/places/barcelona.jpg" alt="Barcelona" />
                </Content>
            </TileLayoutItem>
            <TileLayoutItem HeaderText="Sofia">
                <Content>
                    <img class="k-card-image" draggable="false" src="images/cards/places/sofia.jpg" alt="Sofia" />
                </Content>
            </TileLayoutItem>
            <TileLayoutItem HeaderText="Rome">
                <Content>
                    <img class="k-card-image" draggable="false" src="images/cards/places/rome.jpg" alt="Rome" />
                </Content>
            </TileLayoutItem>
        </TileLayoutItems>
    </TelerikTileLayout>

[Eyup]

Hello Vitaly,

 

Thank you for contacting us.

The ticket's product is selected as "Telerik UI for ASP.NET MVC" but I couldn't recognize this definition syntax in this code snippet. It looks different from the MVC HTML Helper or Core TagHelper:
https://demos.telerik.com/aspnet-core/tilelayout/tag-helper

Could it be that you are using Telerik UI for Blazor?

 

Regards,
Eyup
Progress Telerik