Elige varios elementos de una lista desplegable compacta. MultiSelect muestra casillas, resume la selección en el campo e incluye Seleccionar todo y Borrar.
Por qué ayuda
- Varias opciones en un campo compacto
- Seleccionar todo y Borrar integrados
- Resumen mostrado en el disparador
Dónde encaja
- Asignación de equipos y tags
- Valores de filtros
- Permisos
Ejemplo
<MultiSelect TValue="string" Label="Tags" Items="_tags" @bind-Values="_selected" HelperText="Pick any number." />
<span>Selected: @(_selected.Count == 0 ? "none" : string.Join(", ", _selected))</span>
@code {
private readonly string[] _tags = ["Blazor", "SASS", "Accessibility", "Localization", "Charts", "Forms"];
private IReadOnlyCollection<string> _selected = new List<string> { "Blazor" };
}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.