I saw some people talking about Twin and Emotion on the Redwood Discord and decided to share my experience integrating these tools with Redwood.
This example includes the setup required to use twin.macro
and emotion
within a RedWoodJS application, featuring the utilities offered by TailwindCSS
.
It also uses the new Redwood 0.27
TypeScript create-redwood-app
setting.
Instructions on how to reproduce this repository can be found here.
To view this example (though I recommend you set-it-up yourself), clone
this repository and install
all dependencies using Yarn.
yarn rw storybook
should start the Storybook server, containing three example components, each built using a different twin.macro
method.