styled-components.macro

styled-components.macro 🎣

A babel-plugin-macros macro for styled-components.

$3

``js
import styled from 'styled-components.macro'

const Button = styled.button
background: purple;
color: white;

// ...
`

$3

Create-react-app is shipped already including babel-plugin-macros, which makes it much easier to setup 🚀

1. Make sure you have already installed styled-components :

`
yarn add styled-components
`

2. Install this package :

`
yarn add styled-components.macro --dev
`

$3

1. Make sure you have already installed styled-components :

`
yarn add styled-components
`

2. Install babel-plugin-macros and add it to your babel config :

`js
// .babelrc
{
"plugins": ["macros"]
}
`

See babel-plugin-macros docs for more information about how to setup babel-plugin-macros.

3. Install this package :

`
yarn add styled-components.macro --dev
`

$3

This macro is using babel-plugin-styled-components` to transform your code. See babel-plugin-styled-components to see what transformations are applied.