ChipModel API in JavaScript Chips API control

Properties

avatarIconCss

string

Specifies the icon CSS class for the avatar in the chip.

avatarText

string

Specifies the customized text value for the avatar in the chip.

cssClass

string

Specifies the custom classes to be added to the chip element used to customize the ChipList component.

enabled

boolean

Specifies a value that indicates whether the chip component is enabled or not.

htmlAttributes

{ : }

Specifies the additional HTML attributes, such as title, styles, class, id, and name, in a key-value pair format and appended to the chip item element of the Chip component. If both the property and equivalent HTML attributes are configured, then the component overrides the property value with the HTML attributes.

leadingIconCss

string

Specifies the leading icon CSS class for the chip.

leadingIconUrl

string

Specifies the leading icon url for the chip.

template

string | Function

Specifies the template content to be rendered for each individual chip item. This template allows for the rendering of custom HTML elements, such as anchor tags, SVG icons, or other components, within each chip item.

text

string

Specifies the text content for the chip.

trailingIconCss

string

Specifies the trailing icon CSS class for the chip.

trailingIconUrl

string

Specifies the trailing icon url for the chip.

value

string | number

Defines the value of the chip.