ESLint plugin that aligns React UI components with the Salesforce Lightning Design System CSS Framework.
npm install @salesforce/eslint-plugin-slds-reactThis rule aims to better align React UI component libraries that depend on the Salesforce Lightning Design System CSS Framework.
You'll first need to install ESLint:
```
$ npm i eslint --save-dev
Next, install @salesforce/eslint-plugin-slds-react:
``
$ npm install @salesforce/eslint-plugin-slds-react --save-dev
Note: If you installed ESLint globally (using the -g flag) then you must also install @salesforce/eslint-plugin-slds-react globally.
Add @salesforce/eslint-plugin-slds-react to the plugins section of your .eslintrc configuration file. You can omit the eslint-plugin- prefix:
`json`
{
"plugins": ["@salesforce/eslint-plugin-slds-react"]
}
Then configure the rules you want to use under the rules section.
`json`
{
"rules": {
"slds-react/rule-no-double-dash-modifier": 2
}
}
* no-double-dash-modifier`
* Source code is licensed under BSD 3-Clause