List

ID: mantra_starter:list

Content list.

Name Label Type Description
heading Heading Slot
items Items Slot

Text heading

The heading slot as plain text rather than a component. `list` pins `heading_size` to `normal`, so this is the size a list gets in content -- the `list_header` stories show the same heading at `large`.

Opening hours < data-component-id="mantra_starter:list_items" class="list_items">
  • Monday to Friday, 9am to 5pm
  • Saturday, 10am to 4pm
  • Closed Sunday
  • Links

    What a list usually holds in content -- a heading over a set of links. Items are render arrays, so the markup inside one is the caller's to choose.

    Further reading < data-component-id="mantra_starter:list_items" class="list_items">
  • Theming Drupal
  • UI Patterns
  • UnoCSS
  • No heading

    The heading slot left empty. `list` includes `list_header` unconditionally, so the header element is still in the markup with nothing in it.

    < data-component-id="mantra_starter:list_items" class="list_items">
  • one
  • two
  • three
  • Default

    < data-component-id="mantra_starter:list_items" class="list_items">
  • one
  • two
  • three