mat-list demo

Normal lists

Items

{{item}}

{{contact.name}}

extra line

{{contact.headline}}

Today

Image of {{message.from}}

{{message.from}}

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

{{message.from}}

{{message.subject}}

{{message.message}}

Dense lists

Items

{{item}}

{{contact.name}}

{{contact.headline}}

Today

Image of {{message.from}}

{{message.from}}

{{message.subject}}

{{message.message}}

Nav lists

{{ link.name }}
More info!
{{ link.name }} folder {{ link.name }} Description {{ link.name }}

Action list

Selection list

Groceries

Bananas Oranges Apples Strawberries

Dogs

Shiba Inu Other Shiba Inu

Selected: {{selectedOptions | json}}

Change Event Count {{changeEventCount}}

Model Change Event Count {{modelChangeEventCount}}

Disable Selection List

Disable Selection List ripples

Single Selection list

Favorite Grocery

Bananas Oranges Apples Strawberries

Selected: {{favoriteOptions | json}}