ChipList

Example

Razor
<kendo-chiplist>
    <items></items>
</kendo-chiplist>

ChildTags

Tag NameDetails
itemsChipListItemsTagHelper

Attributes

AttributeTypeDescription
nameStringSets the name of the component.
fill-modeChipFillModeSets a value controlling how the color is applied.
item-sizeComponentSizeSpecifies the size of the chip.
on-removeStringThe name of the JavaScript function that will handle the remove event. Fires when the user clicks the remove icon of the Chip.
on-selectStringThe name of the JavaScript function that will handle the select event. Fires when the user changes a Chip selection in the ChipList.
removableBooleanSpecifies if the Chip items will be removable or not. If the property is set to true, the Chip renders a remove icon.
roundedRoundedSets a value controlling the border radius.
script-attributesIDictionary<String,Object>Sets the attributes that will be added to the script tag of the component's initialization script.
selectableChipListSelectableModeSets the selection mode of the ChipList.
sizeComponentSizeSpecifies the gap between the Chips in the ChipList.
is-in-client-templateBooleanWhen placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute.
deferredBooleanSuppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
as-moduleBooleanSpecifies whether the initialization script of the component will be rendered as a JavaScript module.
In this article
ExampleChildTagsAttributes
Not finding the help you need?
Contact Support