<TelerikButton OnClick="@ToggleResizing">Toggle Resizable</TelerikButton>
<TelerikButton OnClick="@ToggleReorder">Toggle Reordable</TelerikButton>

@if (isVisible)
{
    <TelerikTileLayout Columns="3"
                       Resizable="@Resizable"
                       Reorderable="@Reordable"
                       RowHeight="150px">
        <TileLayoutItems>
            <TileLayoutItem HeaderText="Panel 1">
                <Content>Regular sized first panel.</Content>
            </TileLayoutItem>
            <TileLayoutItem HeaderText="Panel 2">
                <Content>You can put components in the tiles too.</Content>
            </TileLayoutItem>
            <TileLayoutItem HeaderText="Panel 3" RowSpan="3">
                <Content>This tile is three rows tall.</Content>
            </TileLayoutItem>
            <TileLayoutItem HeaderText="Panel 4" RowSpan="2" ColSpan="2">
                <Content>This tile is two rows tall and two columns wide</Content>
            </TileLayoutItem>
        </TileLayoutItems>
    </TelerikTileLayout>
}
@code{
    bool Resizable { get; set; }
    bool Reordable { get; set; }
    bool isVisible { get; set; } = true;

    async Task ToggleResizing()
    {
        isVisible = false;
        await Task.Delay(30);

        Resizable = !Resizable;
        isVisible = true;
    }

    async Task ToggleReorder()
    {
        isVisible = false;
        await Task.Delay(30);

        Reordable = !Reordable;
        isVisible = true;
    }
}