Choisissez plusieurs éléments dans une liste déroulante compacte. MultiSelect affiche des cases à cocher, résume la sélection dans le champ et inclut Tout sélectionner et Effacer.
Pourquoi c’est utile
- Plusieurs choix dans un seul champ compact
- Tout sélectionner et Effacer intégrés
- Résumé affiché dans le déclencheur
Où il trouve sa place
- Affectation d’équipes et de tags
- Valeurs de filtres
- Autorisations
Exemple
<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 court fragment. Ajoutez @using RayCraft.Blazor.Components à votre page et utilisez un mode de rendu interactif.
Inclus dans RayCraft Free. Des exemples fonctionnels se trouvent dans le dépôt GitHub (MIT); il contient du code d’exemple et de démonstration, pas le code de la bibliothèque.