Home Components Support Pricing About Log in

Multi Select

The BptMultiSelect component provides a multi-selection dropdown with removable chips, search filtering, keyboard navigation, and optional selection limits.

Multi Select Parameters

Mode

Text

Template

Placeholder: Select items...

Filterable

Min Filter Length

Disabled

Max Selections (0 = unlimited)

Width

Dropdown List Width

Item Width Padding

Item Height Padding

Hide Scrollbar

Allow Custom

Selected (0): (none)

Current Configuration

📋 [+]

<BptMultiSelect @bind-Value="selectedValues"
                Items="countries"
                HideScrollbar="true"
                OnSelectionChanged="HandleSelectionChanged" />

@code {
    private List<string> selectedValues = new();

    private List<string> countries = new()
    {
        "Norway", "Sweden", "Denmark", "Finland", "Iceland"
    };

    private void HandleSelectionChanged(List<string> values)
    {
        Console.WriteLine($"Selected: {string.Join(", ", values)}");
    }
}