Chip

Example

Razor

<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.