@html-eslint/id-naming-convention
Enforce naming conventions for id attributes.
Rule Details
This rule enforces naming conventions for id attributes.
Currently it supports 4 naming cases. camelCsse, snake_case, PascalCase, kebab-case (default snake_case).
Options
"snake_case"(default): Enforce snake_case format."camelCase": Enforce camelCase format."PascalCase": Enforce PascalCase format."kebab-case": Enforce kebab-case format.
"snake_case" (default)
Examples of incorrect code for this rule with the default "snake_case" option:
<div id="Foo"></div>
Examples of correct code for this rule with the default "snake_case" option:
<div id="foo_bar"></div>
"camelCase"
Examples of incorrect code for this rule with the "camelCase" option:
<div id="foo_bar"></div>
Examples of correct code for this rule with the "camelCase" option:
<div id="fooBar"></div>
"PascalCase"
Examples of incorrect code for this rule with the "PascalCase" option:
<div id="foo_bar"></div>
Examples of correct code for this rule with the "PascalCase" option:
<div id="FooBar"></div>
"kebab-case"
Examples of incorrect code for this rule with the "kebab-case" option:
<div id="foo_bar"></div>
Examples of correct code for this rule with the "kebab-case" option:
<div id="foo-bar"></div>