Document how to use secondary actions in lists

Bug, feature request, or proposal:

Improved documentation

What is the expected behavior?

It should be possible to include one or more buttons (or “infos”) as a secondary action in a list item per the spec.

What is the current behavior?

The List documentation and examples do not show secondary actions.

Is there anything else we should know?

The documentation for Lists in Material 1 show extensive examples, including (at the very end) the use of multiple secondary actions, via the md-secondary class. I’m guessing this is probably already possible in Material 2 but I can’t figure out how. (For the time being, I’m hacking it together with manual float:right and some margin twiddling.)

[jotatoledo]

I just came across this issue while trying to reproduce one of the examples of materialjs, specifically the one that @thw0rted pointed out. Would be nice to hear from the dev team if its currently possible to archive the same with the current implementation of mat-list. I currently implemented something but I had to invoke stopPropagation to not trigger the “main” action binded to the mat-list-item.

[BobBDE]

Hi,

I think it’s possible if we look at the demo app : https://material2-test.firebaseapp.com/list You can find the linked code over here : https://github.com/angular/material2/blob/master/src/demo-app/list/list-demo.html

Looks like something like this : <md-nav-list> <md-list-item *ngFor="let link of links"> <a md-line href="http://www.google.com">{{ link.name }}</a> <button md-icon-button (click)="infoClicked=!infoClicked"> <md-icon>info</md-icon> </button> </md-list-item> </md-nav-list>

I think this also work with the classic md-list, not only for the md-nav_list