Bringen Sie Menschen schneller zur richtigen Antwort. Autocomplete filtert eine Liste beim Tippen, folgt dem Standard-Tastaturmuster der Combobox und kann Vorschläge aus Ihrer eigenen Quelle laden.
Warum es hilft
- Filtert beim Tippen
- Gruppen, Optionsvorlagen und Serversuche
- Volle Tastaturunterstützung
Wo es passt
- Kunden- und Produktsuche
- Adress- und Ortssuche
- Tag-Vorschläge
Beispiel
<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"];
}Ein kurzes Fragment. Fügen Sie @using RayCraft.Blazor.Components zu Ihrer Seite hinzu und nutzen Sie einen interaktiven Render-Modus.
In RayCraft Free enthalten. Funktionierende Beispiele finden Sie im GitHub-Repository (MIT); es enthält Beispiel- und Democode, nicht den Code der Bibliothek.