This component is very similar to the List J; seeith the only exception that this is a list component that you use on a jig.default with other items, whereas the jig.list is a Jig dedicated to a list only. With this component, you can typically combine a list with other components.
As far as the functionality goes, the same list options are available as with the List Jig where the list itself can either be a list of values with list items or it can be one of the following:
This functionality is similar to the List Jig, with two exceptions. A List Jig is dedicated to a list display only, whereas a list on a Default Jig can be combined with other components. Another difference is that List Jigs automatically display lists on the widget, which is not the case with lists on a Default Jig.
The items you want to show in the list
The number of items you would like to display in your list
There is a list of components available to use:
If you are using the list component in jig.composite maximum of displayed items is 8. If you set the maximumItemsToRender to a higher number, the rest of the list will display after clicking on the 'Show more' option.
The boolean value which allows you to add a search bar on the top of your list
The boolean value that transforms the list into a horizontal one
Allows you to create lists filtered by a key/value
Action to be performed when you press on the show more button. This is type: action.go-to with a linkTo: option.
List with Search functionality
This example displays the search functionality of a basic List Jig that allows the user to filter a list with tons of data instantaneously based on certain keywords they have entered.
By design, search functionality is automatically disabled when using it on a Composite Jig
List with Filter functionality
This example helps to categorically filter the data to create meaningful sections or split the data for ease of use for the users.
List with Search and Filter functionality
To further enhance the search and filter capabilities for the user, there is also an option to combine the search and filter functionality as can be seen in this example.
By design, search functionality is automatically disabled when using it on a Composite Jig.
This provides an example of a horizontal list with some UI elements like an image and values configured. Horizontal lists are especially helpful when used on a Composite Jig with other Jigs or like in this case where it can be combined with other components on a Default Jig