styled-components.macro 🎣
A babel-plugin-macros
macro for styled-components
.
Usage
const Button = styledbutton` background: purple; color: white;` // ...
Setup for create-react-app
Create-react-app is shipped already including babel-plugin-macros
, which makes it much easier to setup 🚀
- Make sure you have already installed
styled-components
:
yarn add styled-components
- Install this package :
yarn add styled-components.macro --dev
General setup
- Make sure you have already installed
styled-components
:
yarn add styled-components
- Install
babel-plugin-macros
and add it to your babel config :
// .babelrc "plugins": "macros"
See babel-plugin-macros docs for more information about how to setup babel-plugin-macros
.
- Install this package :
yarn add styled-components.macro --dev
More
This macro is using babel-plugin-styled-components
to transform your code. See babel-plugin-styled-components to see what transformations are applied.