Home Components Support Pricing About Log in

Dropdown

The BptDropdown component provides a searchable dropdown selector with keyboard navigation, filtering support, clear button, and configurable placeholder text.

Dropdown Parameters

Mode

Text

Template

Placeholder: Select an item...

Filterable

Disabled

Width

Dropdown List Width

Item Width Padding

{12}px

{0}px {50}px

Item Height Padding

{8}px

{0}px {50}px

Hide Scrollbar

Value: (none)

Current Configuration

📋 [+]

<BptDropdown @bind-Value="selectedValue"
             Items="countries"
             HideScrollbar="true"
             OnSelectionChanged="HandleSelectionChanged" />

@code {
    private string selectedValue = "";

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

    private void HandleSelectionChanged(string value)
    {
        Console.WriteLine($"Selected: {value}");
    }
}