Progress Telerik UI for Blazor

Blazor ChipList

  • Showcase and manage a collection of Blazor chips with the Telerik UI for Blazor ChipList component.
  • This component is part of Telerik UI for Blazor—the largest suite of truly native Blazor components designed to perfectly fit any app requirement.
  • The Blazor UI suite also comes with professionally designed themes enabled with a flip of a switch, document processing libraries and rich docs & demos to help you get started in no time.
Telerik-UI-for-Blazor-ChipList-Header Image
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • Overview

    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

    Telerik-UI-for-Blazor-ChipList-Overview
  • 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

    Telerik-UI-for-Blazor-ChipList-Selection
  • 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

    Telerik-UI-for-Blazor-ChipList-Appearance
  • 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.

    Telerik-UI-for-Blazor-ChipList-Theming

All Blazor Components

Next Steps

Launch demos

See Telerik UI for Blazor in action and check out how much it can do out-of-the-box.

Download free trial

Try Telerik UI for Blazor with dedicated technical support.