Skip to content

Commit db64ce2

Browse files
author
Vivian Hu
committed
address review comment part2
1 parent cc9ec89 commit db64ce2

File tree

3 files changed

+16
-2
lines changed

3 files changed

+16
-2
lines changed

.gitignore

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -42,4 +42,4 @@ testem.log
4242

4343
# schematics
4444
/src/lib/schematics/**/*.js
45-
/src/lib/schematics/**/*.map
45+
/src/lib/schematics/**/*.map

src/demo-app/list/list-demo.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
display: flex;
33
flex-flow: row wrap;
44

5-
.mat-list, .mat-nav-list, .mat-button-list, .mat-selection-list {
5+
.mat-list, .mat-nav-list, .mat-selection-list {
66
border: 1px solid rgba(0, 0, 0, 0.12);
77
width: 350px;
88
margin: 20px 20px 0 0;

src/lib/list/list.md

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -42,6 +42,20 @@ element in an `<mat-list-item>`.
4242
</mat-nav-list>
4343
```
4444

45+
### Action lists
46+
47+
Use `mat-action-list` tags for action lists (i.e. lists that have button tags).
48+
49+
Simple action lists can use the `mat-list-item` attribute on button tag elements directly:
50+
51+
```html
52+
<mat-action-list>
53+
<button mat-list-item *ngFor="let link of links" (click)="alertItem(link.name)">
54+
{{link.name}}
55+
</button>
56+
</mat-action-list>
57+
```
58+
4559
### Selection lists
4660
A selection list provides an interface for selecting values, where each list item is an option.
4761

0 commit comments

Comments
 (0)