Select search field

For this component to function properly, it is necessary to add the before-bootstrap.js script before the Bootstrap script.

<script src="_content/BsBlazor.Plus/before-bootstrap.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script><

Fruit

Blazor

<BspSelectMultiSearchField @bind-Value="_selectedValues"
                      Label="Fruit"
                      Search="term => ExampleDataStore.SearchItemsAsync(term)"
                      Recover="ids => ExampleDataStore.ListItemsAsync(ids)"
                      ValueAccessor="item => item.Id"
                      TextAccessor="item => item.Name" />

@code {
    private int[] _selectedValues = [];
}