List
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 |
Updated about 1 year ago