Multi Select

shellui add multi-select

<MultiSelect TItem="Person" TKey="int"
    Items="_people"
    @bind-Values="_selected"
    KeySelector="p => p.Id"
    DisplaySelector="p => p.Name"
    Placeholder="Add people" />

<p>@_selected.Count selected</p>

@code {
    private List<Person> _selected = new();
}
@code {
    private List<Person> _people = new()
    {
        new(1, "Ada Lovelace", "Engineering"),
        new(2, "Grace Hopper", "Engineering"),
        new(3, "Katherine Johnson", "Research"),
    };

    record Person(int Id, string Name, string Team);
}

<MultiSelect TItem="Person" TKey="int" Items="_people" @bind-Values="_selected"
    KeySelector="p => p.Id" DisplaySelector="p => p.Name">
    <ChipTemplate>@context.Name (@context.Team)</ChipTemplate>
</MultiSelect>