Props

Data string | required
Property to handle the data of the list.

Example:

[
  {
      ..., // payment object data
      "title": "Hamlin & McGill",  // txTitle
      "subtitle": "Transaction number one", // concept
      "text": "Main account", // account.alias or date 
      "subtext": "**** 4309", // iban  or "Value date" 
      "amount": "1.0 EUR", // baseTotal + baseCurrency
      "subamount": "1.2 GBP", // total + currency
      "icon": "icn_settings", // or nothing, it depends on the triggerType 
      "iconTooltipLabel": "Random text for tooltip",
      "statusVariant": "warning", // status variant 
      "statusValue": "Pending", // status label 
      "showDivider": true, // by default is true unless the last element of the list
      "urlTo": "/transaction/${id}/movement", // redirection
      "actions": [ // actions for the 3 dots
        { 
          "label": "Edit", // action label
          "urlTo": "/edit-payment", // url in case it is a navigation route
          // the rest of parameters that the modeler wants
          ...
        }
      ]
  }
]

When Grouped=true, the format is different:

  [
    {
      "title": "Today",
      "data": [
        {
            ..., // payment object data
            "title": "Hamlin & McGill",  // txTitle
            "subtitle": "Transaction number one", // concept
            "text": "Main account", // account.alias or date 
            "subtext": "**** 4309", // iban or "Value date" 
            "amount": "1.0 EUR", // baseTotal + baseCurrency 
            "subamount": "1.2 GBP", // total + currency 
            "icon": "icn_settings", // or nothing, it depends on the triggerType
            "iconTooltipLabel": "Random text for tooltip",
            "statusVariant": "warning", // status variant 
            "statusValue": "Pending", // status label 
            "showDivider": true, // by default is true unless the last element of the list
            "urlTo": "/transaction/${id}/movement", // redirection
            "actions": [ // actions for the 3 dots
              { 
                "label": "Edit", // action label
                "urlTo": "/edit-payment", // url in case it is a navigation route
                // the rest of parameters that the modeler wants
                ...
              }
            ]
        }
      ]
  }
]

---

Divider boolean
Optional Property to show bottom divider of all the rows on the list.

---

Grouped boolean
Optional boolean to know if a list is grouped or not. Select if your JSON contains a “title” that fills the group separator content.

---

List item actions value string
Add the value of the list item actions.

---

Margin Top number
Sets top margin.

---

Margin Bottom number
Sets bottom margin.