ChipDirective API in Angular Chips API component

e-chip directive represent a chip of the Angular ChipList.

<ejs-chiplist >
  <e-chips>
   <e-chip text='chip1'></e-chip>
   <e-chip text='chip2'></e-chip>
  </e-chips>
</ejs-chiplist>

Properties

avatarIconCss

any

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

Defaults to ”

avatarText

any

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

Defaults to ”

cssClass

any

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

Defaults to ”

enabled

any

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

Defaults to true

htmlAttributes

any

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.

Defaults to {}

leadingIconCss

any

Specifies the leading icon CSS class for the chip.

Defaults to ”

leadingIconUrl

any

Specifies the leading icon url for the chip.

Defaults to ”

template

string | object

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.

Defaults to null

text

any

Specifies the text content for the chip.

Defaults to ”

trailingIconCss

any

Specifies the trailing icon CSS class for the chip.

Defaults to ”

trailingIconUrl

any

Specifies the trailing icon url for the chip.

Defaults to ”

value

any

Defines the value of the chip.

Defaults to ”