[Tabs] Allow tabs to show vertical labels

Bug, feature request, or proposal:

proposal

What is the expected behavior?

It display horizontally in any case and I can`t change this behavior from css or even code. I want display it in this way: http://joxi.net/8An96qkiPVGe2O

What is the use-case or motivation for changing an existing behavior?

Sometimes I need to display sidenav (but designed as tabs) aligned to center or as part of inner block, but in column layout. It would be great add some property for tabs such as direction

Is there anything else we should know?

In addition, I used tabs for navigation between routes:

<nav md-tab-nav-bar>
  <a md-tab-link
     *ngFor="let link of navLinks"
     [routerLink]="link"
     routerLinkActive #rla="routerLinkActive"
     [active]="rla.isActive">
    {{tabLink.label}}
  </a>
</nav>

I made this possible in this way:

.mat-tab-links {
		display: flex;
		position: relative;
		flex-direction: column; //can`t change this filed by myself
	}

[frankspin89]

Vertical tabs aren’t part of Material Layout Guidelines. So I don’t see any reason to include this feature to Material2 library? (https://material.io/guidelines/components/tabs.html)

Is there any reason why you don’t use a menu component or list component?

[jpike88]

Vertical tabs aren’t part of Material Layout Guidelines. So I don’t see any reason to include this feature to Material2 library

How about the reason that it’s in high demand, and there’s a clear use case for it?