eslint-plugin-cx
(React.js) ESLint rule : all css-class-names should starts with jsx-class-name-prefix
I.e., all CSS class names (1) should start with prefix__ or (2) should be equal to prefix, where
- prefix = component name (camelCase, dashed or underscored)
- all modules should export component at 'export default' (and its name will be used as prefix)
- function components should be named functions
(tested only at ES6 classes + function components)
Rule Options
..."cx/classnames": <enabled> "prefixType": <string> ...prefixType
Can be one of 'dash', 'underscore' or else ('dash' is default).
- dash -> for MyClass prefix will be my-class
- underscore -> for MyClass prefix will be my_class
- else -> for MyClass prefix will be MyClass (no change)
License
MIT