Search results

ChipListComponent

Represents the Essential JS 2 Angular ChipList Component.

<ejs-chiplist></ejs-chiplist>

Properties

avatarIconCss

string

This avatarIconCss property helps to customize avatar element.

avatarText

string

This avatarText property helps to customize avatar content.

chips

string[] | number[] | ChipModel[]

This chips property helps to render ChipList component.

cssClass

string

This cssClass property helps to customize ChipList component.

enableDelete

boolean

This enableDelete property helps to enable delete functionality.

enablePersistence

boolean

Enable or disable persisting component’s state between page reloads.

enableRtl

boolean

Enable or disable rendering component in right to left direction.

enabled

boolean

This enabled property helps to enable/disable ChipList component.

leadingIconCss

string

This leadingIconCss property helps to customize leading icon element.

locale

string

Overrides the global culture and localization value for this component. Default global culture is ‘en-US’.

selectedChips

number[] | number

This selectedChips property helps to select chip items.

selection

string

This selection property enables chip selection type.

text

string

This text property helps to render Chip component.

trailingIconCss

string

This trailingIconCss property helps to customize trailing icon element.

Methods

add

A function that adds chip items based on given input.

Parameter Type Description
chipsData string[] | number[] | ChipModel[] | string | number | ChipModel We can pass array of string or
array of number or array of chip model or string data or number data or chip model.

Returns void

destroy

It is used to destroy the ChipList component.

Returns void

find

A function that finds chip based on given input.

Parameter Type Description
fields number | HTMLElement We can pass index number or element of chip.

Returns ChipDataArgs

getSelectedChips

A function that returns selected chips data.

Returns SelectedItem | SelectedItems

remove

A function that removes chip items based on given input.

Parameter Type Description
fields number | number[] | HTMLElement | HTMLElement[] We can pass number or array of number
or chip element or array of chip element.

Returns void

select

A function that selects chip items based on given input.

Parameter Type Description
fields number | number[] | HTMLElement | HTMLElement[] We can pass number or array of number
or chip element or array of chip element.

Returns void

Events

click

EmitType<ClickEventArgs>

This click event will get triggered once the chip is clicked.

created

EmitType<Event>

This created event will get triggered once the component rendering is completed.

delete

EmitType<DeleteEventArgs>

This delete event will get triggered before removing the chip.