![Hands-On Chatbots and Conversational UI Development](https://wfqqreader-1252317822.image.myqcloud.com/cover/342/36700342/b_36700342.jpg)
List
The list card is very similar to that of the gallery card in terms of content. It provides a way to present rich content to the user with images and URLs. However, unlike the gallery card, the layout of items is vertical. To add a list card, click the List icon in the ADD A CARD tab.
Add a cover image, title, URL, subtitle, and call to action button, and create a group header. Repeat the same for every item on the list. In fact, the top element need not be a group header and could instead just be the first element in the list displayed prominently with an image background:
![](https://epubservercos.yuewen.com/60776D/19470399201595606/epubprivate/OEBPS/Images/Chapter_5.jpg?sign=1738850090-btc2fSMvQkc0LUsOHEmOq7JV1Z975168-0-5048f6b58163259cec032aaae0cbae57)
In the example shown, we have a group header with the title Indian restaurants. However, if you don't want to have a header, you can simply use the spot for the first item in the list. A list card has a minimum of two items and a maximum of four. You can also add an optional button at the end of the list, say for instance, to provide a "more" option to request more items.