Material: can we make the tabs have an option 'md-align-tabs=left'

[loganfreeman]

md-align-tabs=left or md-align-tabs=right

right now it has top or bottom.

[EladBezalel]

Right now you can set the tab to position in the center with md-center-tabs

to achieve right alignment you can use a temporary override

.md-tab {
  float: right;
}

md-pagination-wrapper {
  left: initial;
  right: 0;
}

[loganfreeman]

I tried to align the tabs to the left.

See the pen:

but the height of md-pagination-wrapper is always reset to zero.

Could you take a look?

[EladBezalel]

Oh.. You want to order the tabs vertically? I will take a look later.

[downquark]

@ThomasBurleson I'm curious why this was deprecated.

[EladBezalel]

@downquark This is not a part of the spec

[tuncelmert]

md-center-tabs attiribute adds .md-center-tabs class which uses margin: 0 auto; in order to center the tabs.

After enabling md-center-tabs,

md-pagination-wrapper.md-center-tabs {
        margin: 0;
        margin-left: auto;
      }

will align the tabs to the right without distorting their order.

[suhailc12345]

its not working,

add
justify-content: flex-end; to
md-tabs-wrapper.md-stretch-tabs md-pagination-wrapper

will make it work