Custom attribute / Directive in Stencil.js

Question

Can anyone guide me about this? Can Stencil.js add Custom attribute / Directive like Aurelia/Angular to existing elements or not?

I don't find any doc about this on their site. Only creating a new component nothing about extending existing elements.

I want to add a custom attribute to div or any HTML element Is it possible in Stencil.js?

Answer 1

Attribute-based components aren't possible with Stencil. The library implements the Custom Elements spec, which only works with tags.

Extending existing elements isn't supported either. The spec allows extensions of builtins, but it isn't implemented in Stencil and browser support is limited.