mat-list demo

Normal lists

Items

{{item}}

{{contact.name}}

extra line

{{contact.headline}}

Today

{{message.from}}

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

{{message.from}}

{{message.subject}}

{{message.message}}

Dense lists

Items

{{item}}

{{contact.name}}

{{contact.headline}}

Today

{{message.from}}

{{message.subject}}

{{message.message}}

Nav lists

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

Action list

{{link.name}}

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

Select all Deselect all