Tabs

Limitations

For now we focus on bare-bones tab and make it solid.

• Only one style option.
• There is no content, only tabs themselves.
• Tabs are positioned only on top.
• Scroll is native scroll. No fancy arrows or custom scroll.

Components

• va-tabs
• va-tab

Here's the general example:

<va-tabs v-model="tabValue">
  <va-tab
    v-for="title in tabTitles"
    :key="title"
  >
    {{title}}
  </va-tab>
</va-tabs>

va-tabs

Props

• value - Number - selected tab index.
• right - Boolean - align right.
• center - Boolean - align center.
• grow - Boolean - tabs will take full width.
• hideSlider - Boolean - hide slider.

va-tab

Has no props.