How to align TabBar to the right?

[mattmacpherson]

I don't mean a right vertical menu, I mean like this:

I've played around with the CSS to no avail.

[mattmacpherson]

Anyone?

[Ohar]

@method-x Looks like you are free to make a pull request with it.

[paranoidjk]

interesting，i think there actually is no something what we call direction of the tabs component.

maybe you can just simply set the defaultActiveKey to be the last tabKey?

[paranoidjk]

close for no response.

[mattmacpherson]

@paranoidjk The defaultActiveKey is already set to the last tab. For a live demonstration of what I mean, go here. For the time being, I had to resort to a CSS hack that still doesn't quite get it right. :/

[paranoidjk]

@method-x looks fine? can you give a codepen demo?

[mattmacpherson]

@paranoidjk Thank you for the quick reply! Right now I'm using a really awkward css hack to kind of align it to the right:

.right-tabs-bar {
  margin-left: 64%;
}

If you look closely, you can tell it's not actually aligned to the right. That's the closest I could get it to the edge though. I'm definitely not a CSS guy so if anyone has any suggestions I'm all ears! Otherwise, I could tinker with the code and submit a pull request so this (wonderful!) package supports right aligned tabs natively.

[paranoidjk]

hmm, i understand your problem, But right now i do not have time to do this feature, you can use css to do it temporarily.

And PR is welcome.