Select

Displays a list of options for the user to pick from.

Basic

A basic select dropdown.

Selected: None

<Select @bind-Value="selectedFruit" Placeholder="Select a fruit">
    <option value="apple">Apple</option>
    <option value="banana">Banana</option>
    <option value="orange">Orange</option>
</Select>

@code {
    private string selectedFruit = "";
}

With Label

Select with a label.

<Label For="framework">Framework</Label>
<Select id="framework" @bind-Value="selectedFramework">
    <option value="blazor">Blazor</option>
    <option value="react">React</option>
</Select>

Disabled

Disabled select.

<Select Placeholder="Disabled" Disabled="true">
    <option value="1">Option 1</option>
</Select>