This component shows list-shaped data. It can be clicked
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 |