demo-spacer.js 457 B

1234567891011121314151617
  1. class DemoSpacer extends HTMLElement {
  2. constructor() {
  3. super();
  4. this.attachShadow({ mode: "open" });
  5. this.shadowRoot.innerHTML = `
  6. <style>
  7. :host {
  8. display: grid;
  9. grid-template-columns: 1fr;
  10. grid-gap: ${this.getAttribute("gap") || "12px"};
  11. }
  12. </style>
  13. <slot></slot>
  14. `;
  15. }
  16. }
  17. customElements.define("demo-spacer", DemoSpacer);