New to Telerik UI for Blazor? Download Free 30-day trial
ChipList - Selection
- EXAMPLE
- VIEW SOURCE
- EDIT IN TELERIK REPL
- Change Theme
default
Configurator
ChipList Selection Mode
Product Categories:
Beverages
Condiments
Confections
Dairy Products
Grains/Cereals
Meat/Poultry
Produce
Seafood
Products from the Selected Categories:
| Product | Category |
|---|
| Chai | Beverages |
| Chang | Beverages |
| Aniseed Syrup | Condiments |
| Chef Anton's Cajun Seasoning | Condiments |
| Chef Anton's Gumbo Mix | Condiments |
| Grandma's Boysenberry Spread | Condiments |
| Uncle Bob's Organic Dried Pears | Produce |
| Northwoods Cranberry Sauce | Condiments |
| Mishi Kobe Niku | Meat/Poultry |
| Ikura | Seafood |
- Selection.razor
- ProductService.cs
- CategoryService.cs
- ProductDto.cs
- CategoryDto.cs
Loading the demo source code...please wait.
Description
The ChipList component allows single, multiple and disabled selection. The
SelectedItems parameter supports one-way and two-way binding. Use ChipList selection for filtering or any other user actions that are related to choosing one or more items from a visible list of chips.
This Blazor ChipList Selection example is part of a unique collection of hundreds of Blazor demos, with which you can see all Telerik UI for Blazor components and their features in action. View the source code of the demos from the library or directly adapt, and edit them and their theme appearance in Telerik REPL for Blazor or ThemeBuilder.