@esri/calcite-components/dist/collection/demos/helpers/demo-spacer.js

Web Components for Esri's Calcite Design System.

class DemoSpacer extends HTMLElement {
  constructor() {
    super();
    this.attachShadow({ mode: "open" });
    this.shadowRoot.innerHTML = `
          <style>
            :host {
              display: grid;
              grid-template-columns: 1fr;
              grid-gap: ${this.getAttribute("gap") || "12px"};
            }
          </style>
          <slot></slot>
        `;
  }
}
customElements.define("demo-spacer", DemoSpacer);