Transformez les chips en filtres. ChipSet laisse les utilisateurs sélectionner une chip, ou plusieurs quand vous l’autorisez.
Pourquoi c’est utile
- Choix unique ou multiple
- Idéal pour les filtres
- Même aspect que Chip
Où il trouve sa place
- Filtres par catégorie
- Options rapides
- Sélection de tags
Exemple
<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 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.