angular material - How to use Navigation List

app.component.html

<h2 style="padding-top:25px; padding-bottom:16px;">
  Angular Material - How to use Navigation List
</h2>

<mat-nav-list>
  <a mat-list-item href="#">Home</a>
  <a mat-list-item href="#">About</a>
  <a mat-list-item href="#">Service</a>
  <a mat-list-item href="#">Help</a>
  <a mat-list-item href="#">Contact</a>
</mat-nav-list>

app.module.ts [import]

import { MatListModule } from '@angular/material/list'

More Angular tutorials

• angular material - Tick interval with step in Slider
• angular material - How to invert Slider
• angular material - How to use Slider input event
• angular material - How to use Slide toggle
• angular material - How to change Slide toggle checked color
• angular material - How to use Badge with text
• angular material - How to change Badge position
• angular material - How to toggle Badge visibility
• angular material - Expansion Panel header expanded background color
• angular material - Accordion expanded panels header background color
• angular material - How to use List dense layout mode
• angular material - Navigation list with button and icon
• angular material - How to use Action List
• angular material - Action list with button and icon
• angular material - How to use Selection List