Elige varios elementos de una lista, claramente agrupados en un fieldset con leyenda para que los lectores de pantalla anuncien a qué pertenecen las opciones.
Por qué ayuda
- Varias opciones como un grupo
- Agrupación accesible
- Elementos individuales desactivables
Dónde encaja
- Intereses y preferencias
- Permisos
- Filtros
Ejemplo
<CheckboxGroup TValue="string" Label="Notify me by" Items="_channels" @bind-Values="_selected" ShowSelectAll="true" ItemDisabled="@(channel => channel == "Phone")" HelperText="Phone is fixed by your administrator." />
<span>Selected: @(_selected.Count == 0 ? "none" : string.Join(", ", _selected))</span>
@code {
private readonly string[] _channels = { "Email", "SMS", "Push", "Phone" };
private IReadOnlyCollection<string> _selected = new[] { "Email" };
}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.