Web Component Patterns

wc-with-attrs.js

export class NoteCard extends HTMLElement {
  static #selectors = {
    template: "#notecard",
    title: ".notecard__title",
    content: ".notecard__content",
  };

  #elements = {
    template: this.querySelector(NoteCard.#selectors.template),
  };

  #data = {
    type: this.getAttribute("type"),
  };

  constructor() {
    super();
  }
}

customElements.define("note-card", NoteCard);