Skip to content

tj-mc/eslint-plugin-no-styled-components

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

17 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

eslint-plugin-no-styled-components

Prevent imports and usages of styled-components.

Installation

You'll first need to install ESLint:

npm i eslint --save-dev

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

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

Usage

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

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

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

You can choose to ban imports of styled-components, just their usages (e.g. styled.div), or both.

{
    "rules": {
        "no-styled-components/imports": 2, // <-- 2 is error, 1 is warning, 0 is off
        "no-styled-components/usages": 1
    }
}

About

Prevent imports and usages of styled-components

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published