Lists

Stacked lists for people and objects, grid lists for card collections, and feeds for activity timelines. All composition — .list and .feed supply the rhythm, everything else is the existing vocabulary.

Stacked lists

Simple with avatars

  • AR

    Alex Rivera

    alex@mozcomp.com.au

  • SW

    Sam Whitford

    sam@mozcomp.com.au

  • JT

    Jo Tanaka

    jo@mozcomp.com.au

  • PN

    Priya Nair

    priya@mozcomp.com.au

With badges, button, and actions menu

  • cloud-db-primary

    healthy

    Last run 2 hours ago

  • audit-archive

    healthy

    Last run yesterday

  • portal-uploads

    failing

    Failed 40 minutes ago

In card with links

<ul class="list">
  <li class="list-row">
    <span class="avatar">AR</span>
    <div class="min-w-0 flex-1">
      <p class="list-row-title">Alex Rivera</p>
      <p class="list-row-subtitle">alex@…</p>
    </div>
  </li>
</ul>

Grid lists

Contact cards

  • AR

    Alex Rivera

    Administrator

  • SW

    Sam Whitford

    Operator

  • JT

    Jo Tanaka

    Operator

  • PN

    Priya Nair

    Viewer

Feeds

Simple with icons

Deploy #4822 finished

4 minutes ago

Priya Nair joined the site

1 hour ago

Certificate renewal failing

3 hours ago

bms-portal 3.2 released

yesterday

With comments

AR

Alex Rivera assigned fault #2231 to Jo Tanaka

2 hours ago

JT

Jo Tanaka commented

Toner sensor was reseated — monitoring for a repeat before closing.

45 minutes ago

Jo Tanaka resolved the fault

just now