Skip to main content

angular material - How to show vertical Divider

app.component.html 

<h2 style="padding-top:25px; padding-bottom:25px;">
    Angular Material - How to show vertical Divider
</h2>


<div style="width:300px; display:flex;
    justify-content:space-between; padding:30px">
    
    <h1>First</h1>
    <mat-divider vertical="true"></mat-divider>
    
    <h1>Second</h1>
    <mat-divider vertical="true"></mat-divider>
    
    <h1>Third</h1>

</div>
app.module.ts [import] 

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