Function buildTextControl

packages/sdk-playground/src/main.ts:455–471

(
  row: HTMLElement,
  prop: string,
  currentVal: string,
  type: "text" | "number",
)

}

function buildTextControl(
  row: HTMLElement,
  prop: string,
  currentVal: string,
  type: "text" | "number",
) {
  const input = document.createElement("input");
  input.type = type;
  input.className = "prop-input";
  input.style.flex = "1";
  input.value = currentVal;
  input.addEventListener("blur", () => commitStyle(prop, input.value.trim() || null));
  input.addEventListener("keydown", (e) => {
    if (e.key === "Enter") input.blur();
  });
  row.appendChild(input);
}

function makeStyleRow(
  label: string,