menu

SelectField

Currently selected options: Orange
Selected options
Show code
@using System.ComponentModel.DataAnnotations

<VStack>
    Currently selected options: @string.Join(", ", selectedOptions)
    <SelectField @bind-Value="selectedOptions" Options="options" />
</VStack>

@code {
    private List<string> options = ["Apple", "Banana"];

    [Display(Name = "Selected options")]
    private string? selectedOptions = "Orange";
}
Currently selected options: Apple, Orange
Selected options
Apple
close
Orange
close
close
Show code
@using System.ComponentModel.DataAnnotations

<VStack>
    Currently selected options: @string.Join(", ", selectedOptions)
    <MultiSelectField @bind-Value="selectedOptions" Options="options.Order()" />
</VStack>

@code {
    private List<string> options = ["Apple", "Banana", "Cherry", "Date", "Fig", "Guava", "Kiwi", "Mango", "Pear", "Raspberry"];

    [Display(Name = "Selected options")]
    private List<string> selectedOptions = ["Apple", "Orange"];
}
An unhandled error has occurred.