Small Carousel

To make a small horizontal list (or carousel) the markup is:

  <TimelineMessage>
    <List selectable="true" title="Who is your favourite dwarf?" style="small-icon" horizontal="true">
      <Item id="0" title="Grumpy" imageUrl="https://picsum.photos/60/60/?random&amp;a" />
      <Item id="1" title="Happy" imageUrl="https://picsum.photos/60/60/?random&amp;b" />
      <Item id="2" title="Sleepy" imageUrl="https://picsum.photos/60/60/?random&amp;c" />
      <Item id="3" title="Bashful" imageUrl="https://picsum.photos/60/60/?random&amp;c" />
      <Item id="4" title="Sneezy" imageUrl="https://picsum.photos/60/60/?random&amp;d" />
      <Item id="5" title="Dopey" imageUrl="https://picsum.photos/60/60/?random&amp;e" />
      <Item id="6" title="Doc" imageUrl="https://picsum.photos/60/60/?random&amp;f" />
    </List>
  </TimelineMessage>