Get people to the right answer faster. Autocomplete filters a list while they type, follows the standard combobox keyboard pattern, and can load suggestions from your own source.
Why it helps
- Filters while typing
- Groups, option templates and server lookup
- Full keyboard support
Where it fits
- Customer and product search
- Address and city lookup
- Tag suggestions
Example
<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"];
}A short fragment. Add @using RayCraft.Blazor.Components to your page and use an interactive render mode.
Included in RayCraft Free. Working examples are in the GitHub repository (MIT); it holds example and demo code, not the library code.