eslint-plugin-css

# Settings

Shared settings (opens new window) are a way to configure multiple rules at once.

# 📖 Usage

All settings for this plugin use the css namespace.

Example .eslintrc.js:

module.exports = {
  ..., // rules, plugins, etc.

  settings: {
    // all settings for this plugin have to be in the `css` namespace
    css: {
      // define settings here, such as:
      target: {
        attributes: [],
        defineFunctions: {}
      }
    }
  }
}

# ⚙️ Available settings

# target

Specifies the target to use the style object.

# target.attributes

Specifies the attribute name or pattern that uses the style object.

# Example of target.attributes

module.exports = {
  ..., // rules, plugins, etc.
  settings: {
    css: {
      target: {
        attributes: [
          'css' // The plugin will also parse `css` attribute.
        ]
      }
    }
  }
}

# target.defineFunctions

Specifies the function paths that uses the style object.

# Example of target.defineFunctions

module.exports = {
  ..., // rules, plugins, etc.
  settings: {
    css: {
      target: {
        defineFunctions: {
          '@emotion/styled': [
            ['default', '/^\\w+$/u']
          ]
        }
      }
    }
  }
}

← Playground →