Undocumented attributes - mat-subheader, mat-line, mat-list-icon
See original GitHub issueI am looking at the example source code of List component on this page: https://material.angular.io/components/list/examples and am a bit confused as to where some of the used attributes come from.
The example looks like this:
<mat-list>
<h3 mat-subheader>Folders</h3>
<mat-list-item *ngFor="let folder of folders">
<mat-icon mat-list-icon>folder</mat-icon>
<h4 mat-line>{{folder.name}}</h4>
<p mat-line> {{folder.updated | date}} </p>
</mat-list-item>
<mat-divider></mat-divider>
<h3 mat-subheader>Notes</h3>
<mat-list-item *ngFor="let note of notes">
<mat-icon mat-list-icon>note</mat-icon>
<h4 mat-line>{{note.name}}</h4>
<p mat-line> {{note.updated | date}} </p>
</mat-list-item>
</mat-list>
I can’t find documentation about the mat-subheader
attribute used in the example, as well as mat-line
and mat-list-icon
. Is there any? I just started to use Angular, so I could as well be overlooking something.
Issue Analytics
- State:
- Created 4 years ago
- Reactions:2
- Comments:6 (1 by maintainers)
Top Results From Across the Web
List | Angular Material
Lists with multiple sections. Subheaders can be added to a list by annotating a heading tag with an matSubheader attribute. To add a...
Read more >Header tags in mat-list material angular5 not working
When you apply the matSubheader attribute to your HTML element, the angular directive will automatically apply the mat-subheader CSS class.
Read more >Angular (forked) - StackBlitz
<h3 mat-subheader>Notes</h3>. <mat-list-item *ngFor="let note of notes">. <mat-icon mat-list-icon>note</mat-icon>. <h4 mat-line>{{note.name}}</h4>.
Read more >Angular Material List - Javatpoint
Lists that require multiple lines per item, annotate each line with a matlin attribute. <mat-list>; <mat-list-item *ngFor="let message of messages"> ...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
@devversion Looking back at the OP, maybe the actual resolution is that this is effectively a duplicate of #3125. That issue more directly address the problem.
This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.
Read more about our automatic conversation locking policy.
This action has been performed automatically by a bot.