SelectExtendedExample3.razor

@namespace MudExtensions.Docs.Examples

<MudGrid>
    <MudItem xs="12" sm="8" Class="d-flex align-start justify-center">
        <MudSelectExtended T="string" Label="Groups & Items" AnchorOrigin="Origin.BottomCenter" @bind-Value="_selectedValue" @bind-SelectedValues="_selectedValues" MultiSelection="_multiSelection">
            <MudSelectItemGroupExtended T="string" Text="Group 1" Sticky="_sticky" Nested="_nested" InitiallyExpanded="_initiallyExpanded">
                <MudSelectItemExtended Value="@("Item 1")" />
                <MudSelectItemExtended Value="@("Item 2")" />
                <MudSelectItemExtended Value="@("Item 3")" />
            </MudSelectItemGroupExtended>

            <MudSelectItemGroupExtended T="string" Text="Group 2" Sticky="_sticky" Nested="_nested" InitiallyExpanded="_initiallyExpanded">
                <MudSelectItemExtended Value="@("Item 4")" />
                <MudSelectItemExtended Value="@("Item 5")" />
                <MudSelectItemExtended Value="@("Item 6")" />
            </MudSelectItemGroupExtended>

            <MudSelectItemGroupExtended T="string" Text="Group 3" Sticky="_sticky" Nested="_nested" InitiallyExpanded="_initiallyExpanded">
                <MudSelectItemExtended Value="@("Item 7")" />
                <MudSelectItemExtended Value="@("Item 8")" />
                <MudSelectItemExtended Value="@("Item 9")" />
            </MudSelectItemGroupExtended>
        </MudSelectExtended>
        
    </MudItem>

    <MudItem xs="12" sm="4">
        <MudCheckBox @bind-Value="_multiSelection" Label="MultiSelection" Color="Color.Secondary" />
        <MudCheckBox @bind-Value="_sticky" Label="Sticky" Color="Color.Secondary" />
        <MudCheckBox @bind-Value="_nested" Label="Nested" Color="Color.Secondary" />
        <MudCheckBox @bind-Value="_initiallyExpanded" Label="Initially Expanded" Color="Color.Secondary" />
        <MudDivider />
        <MudText Class="ma-4">Selected Value: @_selectedValue</MudText>
        <MudText Class="ma-4">Selected Values: @(_selectedValues == null ? null : string.Join(", ", _selectedValues))</MudText>
    </MudItem>
</MudGrid>

@code {
    private bool _multiSelection = false;
    private bool _sticky = true;
    private bool _nested = false;
    private bool _initiallyExpanded = false;
    private string? _selectedValue;
    private IEnumerable<string>? _selectedValues;
}