This component shows list-shaped data. It can be clicked

{
  "id": "shopping-list",
  "type": "list",
  "items": [
    {
      "id": "shopping-list-leggings",
      "title": "Leggings",
      "description": "Stripe leggings",
      "image": "https://cdn.channel.io/assets/snippet/snippet-list-1.png",
      "action": {
        "type": "url",
        "url": "https://channel.io"
      }
    },
    {
      "id": "shopping-list-clutch",
      "title": "Clutch Bag",
      "description": "Handy clutch Bag",
      "image": "https://cdn.channel.io/assets/snippet/snippet-list-2.png",
      "action": {
        "type": "url",
        "url": "https://channel.io"
      }
    },
    {
      "id": "shopping-list-shoes",
      "title": "Sport shoes",
      "description": "Light-weight sport shoes",
      "image": "https://cdn.channel.io/assets/snippet/snippet-list-3.png",
      "action": {
        "type": "url",
        "url": "https://channel.io"
      }
    }
  ]
}

Property

Type

Example

Description

Required

id

string

shopping-list

ID of component. ID should be unique in snippet.

true

type

string

list

Type of component. use list

true

items

list of object

[
{
"id": "shopping-list-leggings",
"title": "Leggings",
"description": "Stripe leggings",
"image": "https://cdn.channel.io/assets/snippet/snippet-list-1.png",
"action": {
"type": "url",
"url": "https://channel.io"
}
},
{
"id": "shopping-list-clutch",
"title": "Clutch Bag",
"description": "Handy clutch Bag",
"image": "https://cdn.channel.io/assets/snippet/snippet-list-2.png",
"action": {
"type": "url",
"url": "https://channel.io"
}
},
{
"id": "shopping-list-shoes",
"title": "Sport shoes",
"description": "Light-weight sport shoes",
"image": "https://cdn.channel.io/assets/snippet/snippet-list-3.png",
"action": {
"type": "url",
"url": "https://channel.io"
}
}
]

List of items

true

items[i].id

string

shopping-list-leggings

ID of item. ID should be unique in snippet.

true

items[i].title

string

Leggings

Title of item

true

items[i].description

string

Stripe leggings

Description of item

false

items[i].image

string

https://cdn.channel.io/file/5d723ad55d097554-bd222e66682608bdd1ea5e198bf181ea

URL of image in item

false

items[i].action

object

false

items[i].action.type

string

url

Type of action. "url" allowed.

true

items[i].action.url

string

https://channel.io

URL of page which will open when button is clicked.

true if type is url