Disallow usage of unknown elements (no-unknown-elements)

This rule requires all elements to have a corresponding metadata element describing its content model.

All HTML5 elements are bundled and enabled by default. For custom elements (and framework components) you need supply your own metadata:

{
  "elements": ["html5", "./my-awesome-elements.js"]
}

Rule details

Examples of incorrect code for this rule:

<custom-element></custom-element>
error: Unknown element <custom-element> (no-unknown-elements) at inline:1:1:
> 1 | <custom-element></custom-element>
    | ^^^^^^^^^^^^^^^


1 error found.

Examples of correct code for this rule:

<div></div>

Options

This rule takes an optional object:

{
  "include": [],
  "exclude": []
}

include

If set only elements listed in this array generates errors. Supports wildcard with * (e.g. custom-*) and regexp with /../ (e.g. custom-(foo|bar)).

exclude

If set elements listed in this array is ignored. Supports wildcard with * (e.g. custom-*) and regexp with /../ (e.g. custom-(foo|bar)).

Version history