Skip to main content

id-style

Specify a format for the value inside the id attribute, when all set all ids must fit the format

Options​

Possible values :

  • "lowercase": Consists of lowercase letters
  • "underscore": Lowercase and underscore-separated
  • "dash": Lowercase and separated by hyphens
  • "camel": camelCase (or CamelCase)
  • "bem": The BEM (block, element, modifier) syntax
  • "none": Does not enforce a format and prevent the rule from using the format specified by the rule id-class-style.

Given:

  "id-style": ["error", "underscore"]

The following patterns are considered violations:

  <button id="buttonBlue"></button>
  <button id="button--blue"></button>

The following patterns are not considerd violations:

  <button id="button_blue"></button>