Lists mat-list is a container component that wraps and formats a series of line items

Normal lists

Items

{{item}}

Multiline lists

{{contact.name}}

extra line

{{contact.headline}}

3 Line List Item with Avatars and Icons

Today

Image of {{message.from}}

{{message.from}}

{{message.subject}} -- {{message.message}}

{{message.from}}

{{message.subject}}

{{message.message}}

person

{{message.from}}

{{message.subject}} -- {{message.message}}

Dense lists

Items

{{item}}

Multiline dense list

{{contact.name}}

{{contact.headline}}

3 Line List Item with Avatars and Icons

Today

Image of {{message.from}}

{{message.from}}

{{message.subject}}

{{message.message}}

Checkbox list

{{todo.name}}
more_horiz

Nav lists

{{ link.name }}

More info!

{{ link.name }}
folder {{ link.name }} Description
{{ link.name }}