Custom Elements are created by extending the HTMLElement class.
Therefore, when you create one, is seems you'd have to take special precautions not to give your Custom Element any custom-property-names that are already inherited from HTMLElement.
I can imagine numerous ways of avoiding these potential naming conflicts, but would be interested in other's suggestions or any best practices on the topic.
As suggested by @Jared Smith, the best practice would be to use hyphenated names, and more precisely the
data-*
notation, accessible via thedataset
property.Note that the
aria-*
notation should not be used because it is reserved for accessibility.In the end you can choose any name, except the global attributes, or the specific attributes if you extend a standard HTML element.