Chip

Example

<kendo-chip>
</kendo-chip>

Attributes

Attribute Type Description
name String Sets the name of the component.
as-child-component Boolean
has-client-component Boolean
deferred Boolean Suppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
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.
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.
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.
enabled Boolean Toggles the enabled state of the Chip.
fill-mode ChipFillMode Sets a value controlling how the color is applied.
html-attributes IDictionary<String,Object> Defines custom attributes of the Chip's element.
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
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?