Single line list without primary, secondary or tertiary classes

• line item
• line item
• line item

Single line list with primary class

• Primary Line Example
• Primary Line Example
• Primary Line Example

Multiline list with primary, secondary and tertiary classes. The second item is selected using the .mdc-list-item--selected class.

• Primary Line Example Secondary Line Example Tertiary Line Example
• Primary Line Example Secondary Line Example Tertiary Line Example
• Primary Line Example Secondary Line Example Tertiary Line Example

Multiline list with primary, secondary and tertiary classes and a graphic on the left.

• person
  Primary Line Example Secondary Line Example Tertiary Line Example
• person
  Primary Line Example Secondary Line Example Tertiary Line Example
• person
  Primary Line Example Secondary Line Example Tertiary Line Example

Multiline list with a primary action, secondary and tertiary classes and a graphic on the left.

• person
  Primary Line Example Secondary Line Example Tertiary Line Example
• person
  Primary Line Example Secondary Line Example Tertiary Line Example
• person
  Primary Line Example Secondary Line Example Tertiary Line Example

Single line list using the .mdc-list-item__meta class to add a checkbox on the right.

• line item
• line item
• line item