ChipList Overview

Telerik UI for ASP.NET Core Ninja image

The ChipList is part of Telerik UI for ASP.NET Core, a professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

The Telerik UI ChipList TagHelper and HtmlHelper for ASP.NET Core are server-side wrappers for the Kendo UI ChipList component.

The ChipList acts as a container for two or more individual Chip components and allows you to maintain a set of selected chips. They represent a complex piece of information in a compact form—for example, an entity that can be a person, a place, or a thing. Each chip from the list can be selected or removed and supports various styling options. The ChipList component is commonly used for single or multiple selections such as additions to an ordered meal.

Telerik UI Chip for ASP.NET Core with Basic Configuration

Initializing the Chip

The following example demonstrates how to initialize the ChipList.

    @using Kendo.Mvc.UI

    @(Html.Kendo().ChipList()
        .Name("chiplist")
        .Items(item=>{
            item.Add().Label("One");
            item.Add().Label("Two");
            item.Add().Label("Three");
        })
    )
    @addTagHelper *, Kendo.Mvc

    <kendo-chiplist name="chiplist">
        <items>
            <item label="One"></item>
            <item label="Two"></item>
            <item label="Three"></item>
        </items>
    </kendo-chiplist>

Functionality and Features

  • Customization—You can specify icons for the item content of the chips displayed in the ChipList.
  • Appearance—The ChipList delivers a number of ready-to-use, predefined sets of styling options.

Next Steps

See Also

In this article