LoadingExample3.razor

@namespace MudExtensions.Docs.Examples
@inject ISnackbar Snackbar

<MudGrid>
    <MudItem xs="12" sm="8" Class="d-flex gap-4 align-center flex-wrap">
        <MudPaper Class="mud-width-full" Style="height: 300px; position: relative">
            <MudLoading @bind-Loading="_loading" LoaderType="_loaderType" Text="@_text" TextClass="@_classText" LoaderClass="@_classLoader" TextStyle="@_styleText" LoaderStyle="@_styleLoader">
                <MudStack Class="pa-4">
                    <MudText>This is a text inside a paper. Its the content.</MudText>
                    <MudButton Variant="Variant.Filled" Color="Color.Primary">A Button</MudButton>
                </MudStack>
            </MudLoading>
        </MudPaper>
    </MudItem>

    <MudItem xs="12" sm="4">
        <MudStack>
            <MudSwitchM3 @bind-Value="_loading" Color="Color.Secondary">Loading</MudSwitchM3>
            <MudSelect @bind-Value="_loaderType" Variant="Variant.Outlined" Label="Loader Type">
                <MudSelectItem Value="LoaderType.Circular">Circular</MudSelectItem>
                <MudSelectItem Value="LoaderType.Linear">Linear</MudSelectItem>
            </MudSelect>
            <MudTextField @bind-Value="_text" Variant="Variant.Outlined" Label="Text" />
            <MudTextField @bind-Value="_classText" Variant="Variant.Outlined" Label="Text Class" />
            <MudTextField @bind-Value="_styleText" Variant="Variant.Outlined" Label="Text Style" />
            <MudTextField @bind-Value="_classLoader" Variant="Variant.Outlined" Label="Loader Class" />
            <MudTextField @bind-Value="_styleLoader" Variant="Variant.Outlined" Label="Loader Style" />
        </MudStack>
    </MudItem>
</MudGrid>

@code {
    bool _loading = true;
    string _text = "Some text.";
    string? _classText;
    string? _styleText;
    string? _classLoader;
    string? _styleLoader;
    LoaderType _loaderType = LoaderType.Circular;
}