eslint-plugin-styled-components-css

ESlint rules for styled components css formatting

Installation

You'll first need to install ESLint:

npm i eslint --save-dev

Next, install eslint-plugin-styled-components-css:

npm install eslint-plugin-styled-components-css --save-dev

Usage

Add styled-components-css to the plugins section of your .eslintrc configuration file. You can omit the eslint-plugin- prefix:

{
  "plugins": ["styled-components-css"]
}

Then configure the rules you want to use under the rules section.

{
  "rules": {
    "styled-components-css/rule-name": 2
  }
}

Rules

Name	Description	🔧
no-comments	Styled Component should not have comments in their css	🔧
sort	Styled Component's css declarations should be sorted	🔧