Create T3 App with styled-components and twin.macro

This example uses the create-t3-app CLI to create a new T3 app with styled-components and twin.macro added.

Download this example using degit

npx degit https://github.com/ben-rogerson/twin.examples/t3-styled-components-typescript folder-name

From within the new folder, run npm install, then npm run dev to start the dev server.

Customization

• View the config options →
• Customizing the tailwind config →

Next steps

Learn how to work with twin

• The prop styling guide - A must-read guide to level up on prop styling
• The styled component guide - A must-read guide on getting productive with styled-components

Learn more about styled-components

• The css prop
• The css import
• The styled import