Chip

Example

<kendo-chip>
</kendo-chip>

Attributes

Attribute Type Description
name String Sets the name of the component.
enabled Boolean Toggles the enabled state of the Chip.
deferred Boolean Suppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
is-in-client-template Boolean When placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute.
as-module Boolean
avatar-class String If set, value will be appended to the icon's element class attribute. It also appends "k-chip avatar" and "k-avatar" classes to the icon's element.
fill-mode ChipFillMode Sets a value controlling how the color is applied.
has-client-component Boolean
html-attributes IDictionary<String,Object> Defines custom attributes of the Chip's element.
icon String Defines the name for an existing icon in a Kendo UI theme or SVG content. The icon is rendered inside the chip by a span.k-icon or span.k-svg-icon element.See web font icons help article for more details on Kendo UI icons.
icon-class String If set, value will be appended to the icon's element class attribute.
label String The label text of the chip. Default is empty string.
on-click String Fires when the user clicks the content of the Chip or activates it with the Enter or Space keys.
on-remove String Fires when the user clicks the remove icon of the Chip. After this event, the Chip will not remove itself.
on-select String Fires when the selection of a selectable the Chip toggles.
removable Boolean Specifies if the Chip will be removable or not. If the property is set to true, the Chip renders a remove icon.
remove-icon String Defines the name for an existing icon in a Kendo UI theme or SVG content for the remove button when removable=true. The icon is rendered inside the chip by a span.k-icon or span.k-svg-icon element.See web font icons help article for more details on Kendo UI icons.
remove-icon-class String If set, value will be appended to the remove icon's element class attribute.
rounded Rounded Sets a value controlling the border radius.
sanitize-id Boolean
script-attributes IDictionary<String,Object>
selectable Boolean Sets whether the Chip can be selected.
selected Boolean Toggles the selected state of the Chip.
size ComponentSize Sets the size of the component.
theme-color ChipThemeColor Sets the color of the component according to the applied theme.
In this article
Not finding the help you need?