UI for Blazor
Organize a collection of individual Blazor Chip components in a list and manage it by adding and removing selected items. The Telerik UI for Blazor ChipList component is mostly used for single or multiple selection, e.g., to include additions to an ordered meal.
Enable single or multiple selections, leveraging the selection mode feature in Telerik UI for Blazor ChipList component. In cases you need a read-only list, the ChipList can disable selection completely.
Leverage the predefined set of appearance options to modify the look and feel of the ChipList component, i.e., configure the size of the chips within the ChipList.
Built on top of the existing Blazor Chip component, the Telerik UI for Blazor ChipList delivers the same customization options to meet any design requirements. These include the color and style of the ChipList, whether to display a close or delete icon and whether to add avatars or images as part of the ChipList content.
Control if a user should interact with the Blazor ChipList items, leveraging a single configuration option that disables the entire component.
To ensure smooth interaction, the Telerik UI for Blazor ChipList component exposes different events related to user interaction - chip selection and removal.
Leverage the Ocean Blue A11Y color swatch within the Telerik UI for Blazor ChipList component to ensure AY11 compliance—it addresses corner cases for color contrast. Moreover, with this component you can navigate around and invoke all actions using the keyboard alone.
The Telerik UI for Blazor ChipList component has several built-in themes, including Default (our own styling), Material (based on the Material Design guidelines), Bootstrap (which resembles the Bootstrap styling) and Fluent (based on Microsoft Fluent UI).
You can easily customize any of the out-of-the-box themes with a few lines of CSS, or create new theme to match your colors and branding by using the Telerik SASS ThemeBuilder application.
The Telerik UI for Blazor Chip List component supports right-to-left configuration. The RTL functionality is supported by most of our components to accommodate users who communicate in a right-to-left language script, such as Arabic and Hebrew.
Learn more in our Blazor Right-to-Left Support documentation