Breng mensen sneller bij het juiste antwoord. Autocomplete filtert een lijst terwijl ze typen, volgt het standaard toetsenbordpatroon van de combobox en kan suggesties uit je eigen bron laden.
Waarom het helpt
- Filtert tijdens het typen
- Groepen, optiesjablonen en zoeken op de server
- Volledige toetsenbordondersteuning
Waar het past
- Zoeken naar klanten en producten
- Zoeken naar adressen en plaatsen
- Tagsuggesties
Voorbeeld
<Autocomplete @bind-Value="_country" Items="_countries" Label="Country" Placeholder="Type to search" />
<span>Selected: @(_country ?? "none")</span>
@code {
private string? _country;
private readonly string[] _countries = ["Bulgaria", "Belgium", "Brazil", "Norway", "Sweden", "Denmark", "Finland", "Germany", "France", "Spain"];
}Een kort fragment. Voeg @using RayCraft.Blazor.Components toe aan je pagina en gebruik een interactieve rendermodus.
Inbegrepen in RayCraft Free. Werkende voorbeelden staan in de GitHub-repository (MIT); het bevat voorbeeld- en democode, niet de code van de bibliotheek.