Skip to main content

angular material - List items separator

app.component.html 

<h2 style="padding-top:25px; padding-bottom:16px;">
  Angular Material - List items separator
</h2>


<mat-list>
  <mat-list-item>JavaScript</mat-list-item>
  <mat-divider></mat-divider>

  <mat-list-item>CSS</mat-list-item>
  <mat-divider></mat-divider>

  <mat-list-item>HTML</mat-list-item>
  <mat-divider></mat-divider>

  <mat-list-item>Python</mat-list-item>
  <mat-divider></mat-divider>

  <mat-list-item>SQL</mat-list-item>
  <mat-divider></mat-divider>

  <mat-list-item>Java</mat-list-item>
</mat-list>
app.module.ts [import] 

import { MatListModule } from '@angular/material/list'
import { MatDividerModule } from '@angular/material/divider'
More Angular tutorials
Labels: