There are a few Quasar components that mention about 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"
/>