Få folk snabbare till rätt svar. Autocomplete filtrerar en lista medan de skriver, följer standardmönstret för tangentbord hos combobox och kan ladda förslag från din egen källa.
Varför det hjälper
- Filtrerar medan man skriver
- Grupper, alternativmallar och serversökning
- Fullt tangentbordsstöd
Var det passar
- Sök efter kunder och produkter
- Sök efter adresser och orter
- Taggförslag
Exempel
<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"];
}Ett kort utdrag. Lägg till @using RayCraft.Blazor.Components på din sida och använd ett interaktivt renderingsläge.
Ingår i RayCraft Free. Fungerande exempel finns i GitHub-arkiv (MIT); det innehåller exempel- och demokod, inte bibliotekets kod.