GroupCollect 1.3.252
- 1.1.0

Meta List

Renders short facts about a record on one line, separated by dots.

Read more Read less 
<.meta_list>
  <:item>Sales manager</:item>
  <:item>2 locations</:item>
</.meta_list>

Items wrap onto the next line when there is no room. The dots are drawn with CSS and hidden from assistive technology, which announces a plain list of items. Use :if on an item to leave it out:

<.meta_list size="base">
  <:item :if={@contact.role}>{@contact.role}</:item>
  <:item>{@location_summary}</:item>
</.meta_list>
Default Open in playground
  • Sales manager
  • 2 locations
<.meta_list >
  <:item>Sales manager</:item>
  <:item>2 locations</:item>
</.meta_list>
One item renders without a separator Open in playground
  • New York
<.meta_list >
  <:item>New York</:item>
</.meta_list>
Base size Open in playground
  • Sales manager
  • 2 locations
  • Primary contact
<.meta_list size="base">
  <:item>Sales manager</:item>
  <:item>2 locations</:item>
  <:item>Primary contact</:item>
</.meta_list>