Search code examples
javascripthtmlpolymerhtml5-template

What is the difference between <content> and <shadow> Tag in Polymer?


While reading the paper tabs component, I came to know that there is a tag <shadow></shadow> I tested it with one of my component. And it is working similar as <content></content> tag. So my question is what is the difference between them?


Solution

  • In polymer, the shadow tag is use when you extend another polymer element, the parent template will be inserted inside the shadow tag. Whereas the local dom will be inserted inside the content tag