UI for Blazor

Blazor ChipList

  • Showcase and manage a collection of Blazor chips with the Telerik UI for Blazor ChipList component.
  • Part of the Telerik UI for Blazor library along with 110+ professionally-designed UI components.
  • Includes support, documentation, demos, virtual classrooms, Visual Studio Code Extensions and more!
Telerik-UI-for-Blazor-ChipList-Header Image
  • Showcase and Manage a Collection of Chips with Blazor ChipList

    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.

    See the Blazor ChipList demo

  • Selection Mode

    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.

    See the Blazor ChipList selection mode demo

  • Appearance

    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.

    See the Blazor ChipList Appearance demo

  • Customization

    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.

  • Disabled ChipList

    Control if a user should interact with the Blazor ChipList items, leveraging a single configuration option that disables the entire component.

  • Events

    To ensure smooth interaction, the Telerik UI for Blazor ChipList component exposes different events related to user interaction - chip selection and removal.

    Check out the Blazor ChipList events demo

  • Accessibility and Keyboard Navigation

    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.

    Telerik UI for Blazor Keyboard Navigation
  • ChipList Theming

    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.

  • Right-to-Left (RTL) Support

    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 

    Blazor Form RTL Support

All Blazor Components

Next Steps