egwcorelib/EgwCoreLib.Razor/LoadingData.razor

@if (DisplaySize == CtrlSize.Small)
{
    <div class="@DisplayCss p-1 m-1">
        <div class="w-100 d-flex justify-content-around text-center my-1 py-1">
            <div class="d-flex text-center">
                <div class="mx-1 text-nowrap">
                    <b>loading data</b>
                </div>
                @if (DisplayMode == SpinMode.Normal)
                {
                    <i class="fas fa-spinner fa-spin"></i>
                }
                else if (DisplayMode == SpinMode.Growl)
                {
                    <div class="spinner-grow" role="status" style="width: 1.3rem; height: 1.3rem;">
                        <span class="visually-hidden">Loading...</span>
                    </div>
                }
                else
                {
                    <div class="modalOrd-content-small text-center">
                        <div class="loader">
                            <span class="load"></span>
                        </div>
                    </div>
                }
            </div>
        </div>
    </div>
}
else if (DisplaySize == CtrlSize.Normal)
{
    <div class="@DisplayCss d-flex justify-content-around p-1 m-1">
        <div class="w-100 text-center my-1 py-1">
            <h3>loading data</h3>
            @if (DisplayMode == SpinMode.Normal)
            {
                <i class="fas fa-spinner fa-spin fa-3x"></i>
            }
            else if (DisplayMode == SpinMode.Growl)
            {
                <div class="spinner-grow" role="status" style="width: 3rem; height: 3rem;">
                    <span class="visually-hidden">Loading...</span>
                </div>
            }
            else
            {
                <div class="modalOrd-content text-center">
                    <div class="loader">
                        <span class="load"></span>
                    </div>
                </div>
            }
        </div>
    </div>
}
else if (DisplaySize == CtrlSize.Large)
{
    <div class="row p-1 m-1">
        <div class="@DisplayCss my-3 py-3">
            <div class="col-12 text-center">
                <h1>loading data</h1>
                @if (DisplayMode == SpinMode.Normal)
                {
                    <i class="fas fa-spinner fa-spin fa-5x"></i>
                }
                else if (DisplayMode == SpinMode.Growl)
                {
                    <div class="spinner-grow" role="status" style="width: 5rem; height: 5rem;">
                        <span class="visually-hidden">Loading...</span>
                    </div>
                }
                else
                {
                    <div class="modalOrd-content-large text-center">
                        <div class="loader">
                            <span class="load"></span>
                        </div>
                    </div>
                }
            </div>
        </div>
    </div>
}