Search code examples
htmlangularangular-material

Material Vertical Divider isn't showing up

I made a really simple program because i wanted to try out the vertical divider provided by angular material but for some reason it's not showing up. My code is:

<div>
  <span>code</span>
</div>
<mat-divider [vertical]="true"></mat-divider>
<div>
  <span>2</span>
</div>
Solution

  • Try adding a height to the vertical divider.

    <mat-divider vertical style="height:100px"></mat-divider>

    Stackblitz

    https://stackblitz.com/edit/angular-wp9f4j?embed=1&file=app/divider-overview-example.html