A Babel macro which adds JSX enhancements for Twind
-
Add babel-plugin-macros to your Babel config (if you use Create React App, it's already installed!)
-
Install:
npm install -D @twind/macro
-
Import to use:
import '@twind/macro' const Button = (props) => ( <button tw="bg-green-600 text-green-100 p-3 hover:bg-green-700 rounded" {...props} /> )