{
  "type": "ListView",
  "children": [
    {
      "type": "ListViewItem",
      "key": "blue",
      "gap": 5,
      "onClickAction": {
        "type": "line.select",
        "payload": {
          "id": "blue"
        }
      },
      "children": [
        {
          "type": "Box",
          "background": "blue-500",
          "radius": "full",
          "size": 25
        },
        {
          "type": "Text",
          "value": "Blue line",
          "size": "sm"
        }
      ]
    },
    {
      "type": "ListViewItem",
      "key": "orange",
      "gap": 5,
      "onClickAction": {
        "type": "line.select",
        "payload": {
          "id": "orange"
        }
      },
      "children": [
        {
          "type": "Box",
          "background": "orange-500",
          "radius": "full",
          "size": 25
        },
        {
          "type": "Text",
          "value": "Orange line",
          "size": "sm"
        }
      ]
    }
  ]
}