Listcomponent
The list is a scrollable component in which the list rows are rendered.
List items no longer have dividers as of POS 10.0.0.
Anchor to listList
The array of which will be converted into rows for this list.
The logic behind displaying an image or placeholder. automatic
will display an image or placeholder if it detects that a in
data
has an value.
never
will never display images or placeholders. always
will always display images or placeholders if is undefined or empty.
Whether or not more data is being loaded. Set this to true
when paginating and fetching more data for the list.
A header component for the list.
Callback for when the user reaches the end of the List
. This can be used to fire a request to load more data.
A large display title at the top of the List
.
Product List
Preview

Anchor to guidelinesGuidelines
List items have a wide variety of use cases:
- To display and link to an object | Examples: an item in the cart, a customer in the customer list
- To display information | Examples: the payment breakdown in an order, staff contact information
- To display a menu item | Examples: an item on the first page of settings, an item in “More actions”
- To display a setting
- To display an action related to other items in the section
- To show a selectable option | Example: one filter option
- To display an external link
Anchor to content-guidelinesContent Guidelines
Subtitles:
- Each subtitle should have a different piece of information. Don't use dashes to display more than one type of information on the same line.
- Subtitles should be shown in order of relevance.
- If you're showing the results of the form, the label should be the form field title and the subtitle should be the information the merchant entered.