ChipDirective

1 Oct 20251 minute to read

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