Lleva a las personas a la respuesta correcta más rápido. Autocomplete filtra una lista mientras escriben, sigue el patrón estándar de teclado del combobox y puede cargar sugerencias de tu propio origen.
Por qué ayuda
- Filtra mientras se escribe
- Grupos, plantillas de opciones y búsqueda en servidor
- Compatibilidad total con el teclado
Dónde encaja
- Búsqueda de clientes y productos
- Búsqueda de direcciones y ciudades
- Sugerencias de tags
Ejemplo
<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"];
}Un breve fragmento. Añade @using RayCraft.Blazor.Components a tu página y usa un modo de renderizado interactivo.
Incluido en RayCraft Free. Hay ejemplos que funcionan en el repositorio de GitHub (MIT); contiene código de ejemplo y demostración, no el código de la biblioteca.