ChipList Overview

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.

• Demo page for the ChipList

  

Initializing the Chip

The following example demonstrates how to initialize the ChipList.

Razor

    @using Kendo.Mvc.UI

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

Razor

    @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

• Getting Started with the Telerik UI Chip for ASP.NET Core
• Basic Usage of the ChipList HtmlHelper for ASP.NET Core (Demo)
• JavaScript API Reference of the ChipList HtmlHelper for ASP.NET Core
• Server-Side API of the ChipList HtmlHelper for ASP.NET Core

See Also

• Applying the ChipList API (Demo)
• Basic Events in the ChipList (Demo)