Horizontal tabs

[ultrasamad]

Cool component. But if I want the tabs to lie horizontal instead of the default vertical in the JSFidle demo, how will I achieve that.

Thanks.

[cristijora]

Hi @ultrasamad By default they are actually horizontal.
There is a vertical option as well
https://jsfiddle.net/b44cc4dq/190/

[ultrasamad]

Oh cool. I wish the tabs could be scrollable, such that with the horizontal tabs there will be a limited number of tabs based on the browser width and a scrollable feature to click through to scroll and with the vertical as well.

Thanks.

[kydner]

I try to change direction tab to vertical https://jsfiddle.net/b44cc4dq/190/, but the tab keep to horizontal, only content changes to vertical, how fix it??

[amchconsult]

I wish the tabs could be scrollable also.
Can you do it?
Please, thank you

[amchconsult]

THIS WILL ADD SCROLL

.vue-tabs .nav {
  margin-bottom: 0;
  margin-top: 0;
  padding-left: 0;
  list-style: none;
  /* SCROLL ADDED  */
  overflow-x: scroll;
  overflow-y: hidden;
  display: flex;
  max-height: 50px;
  flex-wrap: nowrap;

}