/redwoodjs-twin.macro-emotion-example

RedwoodJS example using Twin.Macro and EmotionJS, powered by TailwindCSS-utilities.

Primary LanguageTypeScriptMIT LicenseMIT

Redwood: Twin.Macro & Emotion Example

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.

Usage

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.