Angular Material Toolbar Breadcrumb Presentation

user_920254 0
Viewed 4080

I'm new to designing with Angular Material and I'm trying to figure out breadcrumb spacing in the toolbar. Here's where I'm at...

Angular Material Breadcrumb Mark-Up

Angular Material Breadcrumb Presentation

The question I'm hoping to get answered is: Is there a 'correct' way to do breadcrumbs like this in the latest version Angular Material or do I need to introduce custom CSS correct the alignment issues?

Thanks.

material-design angular-material angularjs
1 Answers

you can just use css & flexbox to achieve that:

<h1 class="my-breadcrumb">...</h1>

.my-breadcrumb {
  display: flex;
  align-items: center;
}
user_96860660
Related