Skip to content

ColumnList

Display the list based on column with icons

  • tile:column-list
  • title
  • list: data to be display in the column
  • title: display subtitle
  • icon: display icon in the column
  • values: display values based on provide path

Example

{
  "tile": "column-list",
  "classes": {
    "rowWrapper": "col-3 d-flex flex-column align-items-center",
    "root": "px-3"
  },
  "list": [
    {
      "title": "kilohectares",
      "icon": "📐",
      "values": "{values.kilohectares}"
    },
    {
      "title": "KtCO2e",
      "icon": "💨",
      "values": "{values.ktc02e}"
    }
  ]
}