SelectExtendedExample1.razor

@namespace MudExtensions.Docs.Examples

<MudGrid>
    <MudItem xs="12" sm="8">
        <MudStack>
            <MudSelectExtended T="string" Label="RenderFragment Based" Disabled="_disabled" Modal="@_modal">
                <MudSelectItemExtended Value="@("Foo")" Text="Foo" />
                <MudSelectItemExtended Value="@("Bar")" Text="Bar" />
                <MudSelectItemExtended Value="@("Fizz")" Text="Fizz" />
                <MudSelectItemExtended Value="@("Buzz")" Text="Buzz" />
            </MudSelectExtended>
            <MudSelectExtended T="string" Label="Data Based" ItemCollection="_collection" Disabled="_disabled" Modal="@_modal" />
            <MudSelectExtended T="string" Label="Data Based" ItemCollection="_collection" Disabled="_disabled" Modal="@_modal" AddNullItem="true" AddedNullItemText="@_nullItemText" />
        </MudStack>
    </MudItem>

    <MudItem xs="12" sm="4">
        <MudStack>
            <MudSwitchM3 @bind-Value="_disabled" Color="Color.Secondary" Label="Disabled" />
            <MudSwitchM3 @bind-Value="_modal" Color="Color.Secondary" Label="Modal" />
            <MudTextField @bind-Value="_nullItemText" Label="Null Item Text" Variant="Variant.Outlined" />
        </MudStack>
    </MudItem>
</MudGrid>

@code {
    private bool _disabled = false;
    private bool _modal = true;
    private string[] _collection = new string[] { "Foo", "Bar", "Fizz", "Buzz" };
    private string? _nullItemText = "None";
}