Lists

List

  • A List is a simple list of things
  • The List can be simple text, pair text with icons or pair text with images
  • The List can also allow the user to select one of the list items

Images for large carousels should not be taller 230 X 150

The parameters for a List are:

Name Type Default Values Description
title string - - the title text for the list
style string standard standard, small-icon, large-icon the style of the list that you would like
selectable boolean false true, false whether the list items should selectable
type string chevron disc, ordered, unordered, chevron the type of the list that you would like
horizontal boolean false true, false whether the list displays as a horizontal scrollable list
preventRetries boolean false true, false whether the list should only be selectable once
interactionType string utterance utterance, event
  • Event fires a markup interaction with the option selected
  • Utterance adds a message to the timeline with the option selected

List with different types

The type property of the List element can be used to set the type of list to render. The chevron and disc properties are supported only on selectable lists and the ordered and unordered properties are supported on non-selectable lists.

<TimelineMessage>
<List type="disc" selectable="true" >
  <Item title="Item one" id="1"/>
  <Item title="Item two" id="2" />
  <Item title="Item three" id="3" />
</List>
</TimelineMessage>

Different List-Types