Lists are best suited to presenting a homogeneous data type or sets of data types, such as images and text. They are optimized for reading comprehension while differentiating either between similar data types, or qualities within a single data type.
The md-list component have some auxiliary classes to align content and display actions. All of them can be any HTML tag:
.md-list-action: Used to display a action on the right side of a list item. Commonly used to display a button with a single action..md-list-text-container: Used to align text horizontally with icons and actions. Used in double and triple lines..md-divider: Add a horizontal line between list items.
Display a single item inside lists
StringString_blank cases.BooleanfalseUseful to show list items without icons aligned with another that have an icon.
Create a expansion accordion automatically inside lists
Ali Connors
Brunch this weekend?
I'll be in your neighborhood doing errands...
me, Scott, Jennifer
Summer BBQ
Wish I could come, but I'm out of town ...
Sandra Adams
Oui oui
Do you have Paris recommendations ...
Trevor Hansen
Order confirmation
Thank you for your recent order from ...
Ali Connors
Brunch this weekend?
I'll be in your neighborhood doing errands...
me, Scott, Jennifer
Summer BBQ
Wish I could come, but I'm out of town ...
Sandra Adams
Oui oui
Do you have Paris recommendations ...
Trevor Hansen
Order confirmation
Thank you for your recent order from ...