A chip component is a small block of essential information, mostly used on contacts or filter tags.
<div id="chip"></div><script>
var chipObj = new ChipList();
chipObj.appendTo("#chip");
</script>Avatar fields
Defaults to {}
string
chip css
Defaults to ”
string[] | number[] | Object[]
chip data
Defaults to []
boolean
chip delete
Defaults to false
boolean
Enable or disable persisting component’s state between page reloads.
Defaults to false
boolean
Enable or disable rendering component in right to left direction.
Defaults to false
icon css fields
Defaults to {}
string
Overrides the global culture and localization value for this component. Default global culture is ‘en-US’.
Defaults to undefined
selection
chip selection
Defaults to ‘None’
string
Avatar fields
Defaults to {}
Adds the handler to the given event listener.
Returns void
Appends the control within the given HTML element
| Parameter | Type | Description |
|---|---|---|
| selector (optional) | string | HTMLElement |
Target element where control needs to be appended |
Returns void
When invoked, applies the pending property changes immediately to the component.
Returns void
Applies all the pending property changes and render the component again.
Returns void
Removes the handler from the given event listener.
Returns void
Dynamically injects the required modules to the component.
Returns void
EmitType<Event>
Triggers once the chip is clicked.
EmitType<Event>
Triggers once the component rendering is completed.
EmitType<Event>
Triggers once the chip is deleted.
EmitType<Event>
Triggers once the chip is selected.