Layout

List

Structured vertical collection for related rows and item content.

Playground

Configure the baseline public contract and copy synchronized Vue markup.

Properties

Interactive

Selected item

Vue

<m-list>
  <m-list-item
    headline="Inbox"
    supporting-text="12 unread"
    leading-icon="ic:round-inbox"
    interactive
    :selected="false"
   />
  <m-list-item
    headline="Archive"
    supporting-text="Saved messages"
    leading-icon="ic:round-archive"
    interactive
   />
</m-list>