Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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>
like image 501
user10976183 Avatar asked Mar 20 '19 22:03

user10976183


1 Answers

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

like image 72
Marshal Avatar answered Sep 24 '22 12:09

Marshal