@Jon

Yes, you are right.

If you need to use the Loader in lots of places with a label, then you can create a custom component that renders the <TelerikLoader> together with the desired text. Thus the if/else will get out of the way in all other .razor files.

Hello David,

The loader is basically an icon, so you can put any other text and layout you want around it. You can see one example here where the loader is integrated into other layout (in this case, next to the text of a button).

Here's another example I made for you:

<TelerikButton Primary="true" OnClick="@GenerateReport" Enabled="@(!Visible)">
    Generate Report
</TelerikButton>
@if (Visible)
{
    <TelerikLoader Visible="@Visible"></TelerikLoader>
    <span>Please wait, loading</span>

    @* You can add any desired layout to this section, in case the LoaderContainer component does not suit your needs
        You can even use things like the grid and stack layout components we have to arrange things
        https://demos.telerik.com/blazor-ui/stacklayout/overview
        https://demos.telerik.com/blazor-ui/gridlayout/overview*@
}


@code {
    bool Visible { get; set; }

    async Task GenerateReport()
    {
        Visible = true;
        await Task.Delay(2000);
        Visible = false;
    }
}

We also have the Loader Container component that comes with a more complex layout and offers options like text, positioning of the text (see examples) and also with customizable template where you can put your own content.

With this in mind, I am marking this as "completed" because we have several options (one of them completely ready-to-use - the LoaderContainer component) and adding more settings like that to the loader will basically make it equivalent to the loader container.

Regards,
Marin Bratanov
Progress Telerik