ChipListModel API in React Chips API component

Interface for a class ChipList

Properties

beforeClick

EmitType<ClickEventArgs>

Triggers before the click event of the chip is fired. This event can be used to prevent the further process and restrict the click action over a chip.

click

EmitType<ClickEventArgs>

Triggers when a chip is clicked.

created

EmitType<Event>

Triggers when the component is created successfully.

delete

EmitType<DeleteEventArgs>

Fires before removing the chip element.

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.

chips

string[] | number[] | ChipModel[]

This chips property helps to render ChipList component.

cssClass

string

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

enableDelete

boolean

Enables or disables the delete functionality of a chip.

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

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

leadingIconCss

string

Specifies the leading icon CSS class for the chip.

leadingIconUrl

string

Specifies the trailing icon url for the chip.

locale

string

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

selectedChips

string[] | number[] | number

Sets or gets the selected chip items in the chip list.

selection

string

Defines the selection type of the chip. The available types are:

1. Input chip
2. Choice chip
3. Filter chip
4. Action chip

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.