Материал Вертикальный разделитель не отображается

Question

Я сделал очень простую программу, потому что хотел опробовать вертикальный разделитель из углового материала, но по какой-то причине он не появился. Мой код:

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

Answer 1

Попробуйте добавить высоту к вертикальному разделителю.

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

Stackblitz

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