Function attrRow

packages/sdk-playground/src/main.ts:540–559

(name: string, val: string)

}

function attrRow(name: string, val: string): HTMLDivElement {
  const row = document.createElement("div");
  row.className = "prop-row";
  const lbl = propLabel(name);
  lbl.style.maxWidth = "80px";
  lbl.style.overflow = "hidden";
  lbl.style.textOverflow = "ellipsis";
  const inp = document.createElement("input");
  inp.type = "text";
  inp.className = "prop-input";
  inp.style.flex = "1";
  inp.value = val;
  inp.addEventListener("blur", () => commitAttr(name, inp.value));
  inp.addEventListener("keydown", (e) => {
    if (e.key === "Enter") inp.blur();
  });
  row.appendChild(lbl);
  row.appendChild(inp);
  return row;
}

function commitAttr(name: string, raw: string) {
  if (!comp || !selectedId) return;