Vuetify: Change transition behaviour in v-tabs

Created on 7 Aug 2018  路  2Comments  路  Source: vuetifyjs/vuetify

Feature request

It would be nice if the animation between tabs in the v-tabs component could be either chosen, changed, or removed if wanted.

What problem does this feature solve?

There are cases where you may have a LOT of content inside a given tab, changing between tabs in those cases can make the animation look not very smooth and kind of slow.

For example using a complex component(like Monaco [https://microsoft.github.io/monaco-editor/]) or a few images in each tab could make this happen.

What is your proposed solution?

Giving the option to the user:

<v-tabs v-model="tabs" color="teal darken-1" :transition="fade">

Simplest solution removing the animation:

<v-tabs v-model="tabs" color="teal darken-1" no-animation>
invalid

Most helpful comment

Would be nice if this could be done at the <v-tabs> level

All 2 comments

Use transition and reverse-transition props
https://codepen.io/anon/pen/EpdVxY?editors=1000

Would be nice if this could be done at the <v-tabs> level

Was this page helpful?
0 / 5 - 0 ratings