このコンポーネントはリスト形式のデータを表示します。クリック可能です。
プロパティ | タイプ | 例 | 説明 | 要件 |
|---|---|---|---|---|
id | string | shopping-list | コンポーネントのID。IDはスニペット内で一意である必要があります。 | true |
type | string | list | コンポーネントのタイプ。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" } } ] | アイテムのリスト | true |
items[i].id | string | shopping-list-leggings | アイテムのID。IDはスニペット内で一意である必要があります。 | true |
items[i].title | string | Leggings | アイテムのタイトル | true |
items[i].description | string | Stripe leggings | アイテムの説明文 | false |
items[i].image | string | https://cdn.channel.io/file/5d723ad55d097554-bd222e66682608bdd1ea5e198bf181ea | アイテム内に表示される画像のURL | false |
items[i].action | object |
|
| false |
items[i].action.type | string | url | アクションのタイプで、"url"が使用可能です。 | true |
items[i].action.url | string | https://channel.io | ボタンがクリックされたときに開くページのURL | タイプがurlならtrue |