Material Vertical Divider isn't showing up

Question

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>

Answer 1

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