Programmatically control the transition origin with a simple prop.

The expand transition is used in Expansion Panels and List Groups. There is also a horizontal version available with v-expand-x-transition.

An example of the fab transition can be found in the v-speed-dial component.

An example of the fade transition can be found on the Carousel component.

Many of Vuetify’s components contain a transition prop which allows you to specify your own.

Scroll X transitions continue along the horizontal axis.

Scroll Y transitions continue along the vertical axis.

Slide x transitions move along the horizontal axis.

Animations use the application’s $primary-transition.