---
title: Using Transition Class Props in Vue.js
date: 2019-06-06
type: tweet
excerpt: Adam Wathan shows a more Tailwind-esque approach to writing Vue.js transitions.
tags:
    - vuejs
external_url: https://twitter.com/adamwathan/status/1118670393030537217
---

{% include 'tweet' with {
    content: '🔥 Using the transition class props instead of the `name` prop for <a href="https://twitter.com/vuejs?ref_src=twsrc%5Etfw">@vuejs</a> transitions makes it really easy to compose transitions on the fly using utility classes.<br><br>This is how I do all my transitions in Vue these days — fits a lot better with the <a href="https://twitter.com/tailwindcss?ref_src=twsrc%5Etfw">@tailwindcss</a> philosophy 👌🏻 <a href="https://t.co/shQCxaFZ8A">pic.twitter.com/shQCxaFZ8A</a></p>&mdash; Adam Wathan (@adamwathan) <a href="https://twitter.com/adamwathan/status/1118670393030537217?ref_src=twsrc%5Etfw">April 18, 2019</a>'
} %}