title: Are Web Components actually useable in IE11 and Edge?
body: <p>Web Components are the hot new thing, and a true web standard, everybody is talking about them and presumably using them, and they seemed like the perfect solution to a problem we have (sharing components across very different sites).</p>
  
  <p>So we build a couple of web components. The work fine in Chrome, but not in IE11. Use polyfills maybe? <a href="https://www.webcomponents.org/polyfills" rel="noreferrer">https://www.webcomponents.org/polyfills</a> has a ton of polyfills, but IE11 keeps complaining about <code>class</code>.</p>
  
  <p>Compile down to ES5 perhaps? Various sources claim that web components require ES6, because you don't get the same kind of inheritance from HTMLElement in IE11. There's custom-elements-es5-adapter.js, but somehow it doesn't work. If I compile down, webcomponents don't work. If I don't, IE11 fails on <code>class</code>.</p>
  
  <p>And yet everybody is using web components. How do you do it? Do you not support IE11/Edge at all? Am I doing something wrong?</p>