Why donate
API Explorer
Quasar Components Transitions

There are a few Quasar components that implement transitions through transition-show / transition-hide or transition-prev / transition-next or simply transition props:

We’re going to showcase these transitions here.

slide-right
slide-left
slide-up
slide-down
fade
scale
rotate
flip-right
flip-left
flip-up
flip-down
jump-right
jump-left
jump-up
jump-down

Use the names indicated in the captions above for the transition props. Example:

<q-menu
  transition-show="jump-down"
  transition-hide="jump-up"
/>