New to Kendo UI for Angular? Start a free 30-day trial

Loading Indicator

As of the R3 2020, Kendo UI for Angular delivers a new standalone Loader Component.

To render a loading indicator for your component while it loads, you can use either:

The following example demonstrates how to use the k-i-loading CSS class. You can adjust the size and color of the loading indicator in the same way you make adjustments to other icons.

<span class="k-icon k-i-loading"></span>
<span class="k-icon k-i-loading k-icon-xl"></span>
<span class="k-icon k-i-loading" style="color: limegreen;"></span>

In this article

Not finding the help you need?