Chip group
Last updated
Was this helpful?
Last updated
Was this helpful?
The UI component Chip Group is a data iterator which display each data item as a chip. You can add an On Click action and an On Delete Click action to the Chip, which will run in context of a given data item. Each Chip may also be styled using Conditional Styles.
A Chip Group is bound to a Data Source. You may select one or many Chips. The Selected attribute of the items in the Data Source is toggled (true/false) when the user clicks the Chips, and you may use that information further in your logic (e.g. save the user preferences) or for the Conditional Styles.
Here are some of the properties in Appfarm Create which are custom for a Chip Group:
The Data Source to iterate. One chip will be displayed per item in this Data Source (after Filter has been applied).
You may also select a multi-reference property (an ), and iterate the referenced objects.
Apply filters to this Data Source, i.e. to limit which items to display. These filters may be conditional. You may also add sorting of the Chips.
Select the property of the Data Source to display as title for each Chip
You may select an icon to display for each Chip (optional).
Control the look-and-feel of these Chips. You may also add conditional properties, for example to have a different Icon given some condition.
Connect an Action to the Click-event of each chip. By connecting an action to the On Delete Click event, a Delete-icon will be added to the right-side of the Chip.