List
A list component renders a collection of list items. Below you can see what's needed for both the List Component and List's Items array.
{ "type": "list", "disabled": "true", "items": [ { "type": "item", "id": "article-123", "title": "How to install the messenger", "subtitle": "An article explaining how to integrate Intercom", "image": "http://somesite.com/article.png", "image_width": 48, "image_height": 48, "roundedImage": false, "disabled": "true", "action": { "type": "submit" } } ]}List
| Parameter | Possible Values | Required | Function |
|---|---|---|---|
| items | Array (see below) | Yes | The items that will be rendered in the list. |
| disabled | truefalse | No | The defined state of the inputted value to render a specific style. |
List Items
| Parameter | Possible Values | Required | Function |
|---|---|---|---|
| id | Any string | Yes | Unique identifier for the component within this card. |
| title | Any string | Yes | The text shown as the title for the list item. |
| subtitle | Any string | No | The text shown underneath the list item's title. |
| image | A valid URL | No | An image that will be displayed on the left-hand side of the list |
| image_width | Any number | Yes (if image provided) | Width of the image in pixels. |
| image_height | Any number | Yes (if image provided) | Height of the image in pixels. |
| rounded_image | truefalse (default) | No | Rounds the corners of the image if true. |
| disabled | truefalse | No | The defined state of the inputted value to render a specific style. |
| action | Action object | No | This can be a Submit Action, URL Action, or Sheets Action. |
Card View
Frame View
