Convierte los chips en filtros. ChipSet deja que los usuarios seleccionen un chip, o varios cuando lo permites.
Por qué ayuda
- Elección simple o múltiple
- Ideal para filtros
- Mismo aspecto que Chip
Dónde encaja
- Filtros por categoría
- Opciones rápidas
- Selección de tags
Ejemplo
<ChipSet TValue="string" Label="Filters" Items="_filters" Multiple="true" @bind-Values="_selected" />
<ChipSet TValue="string" Label="Sort by (one)" Items="_sorts" @bind-Value="_sort" />
<span>@string.Join(", ", _selected); sorted by @_sort</span>
@code {
private readonly string[] _filters = ["Open", "Assigned to me", "High priority", "This week"];
private readonly string[] _sorts = ["Newest", "Oldest", "Priority"];
private IReadOnlyCollection<string> _selected = new List<string> { "Open" };
private string _sort = "Newest";
}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.