angular / angular/components

Document how to use secondary actions in lists

Open
#6,398 10 comments 5 reactions 0 assignees View on GitHub
area: material/list docs feature help wanted needs: discussion P4
Dominant language
TypeScript
Stars
25k
Forks
6.8k
Avg merge
1d 8h
Merged PRs (30d)
91

Description

#### 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](https://material.io/guidelines/components/lists-controls.html).

#### What is the current behavior?

The [List documentation and examples](https://material.angular.io/components/list/overview) do not show secondary actions.

#### Is there anything else we should know?

The [documentation for Lists in Material 1](https://material.angularjs.org/latest/demo/list) 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.)

Contributor guide

Open the contributing guide

Research direction

Start with the List documentation and examples at material.angular.io/components/list/overview, then compare the Material 1 list examples linked in the issue, especially the secondary-action example using md-secondary. Done means the Angular Material list documentation demonstrates one or more supported secondary action buttons or infos.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, typescript
Domain
documentation, frontend
Issue type
Documentation
Difficulty
2/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.