Function buildAttributeSection

packages/sdk-playground/src/main.ts:870–889

()

}

function buildAttributeSection(): HTMLDivElement {
  const name = mkInput("name", "data-custom");
  name.style.width = "110px";
  const val = mkInput("value", "hello");
  val.style.width = "100px";
  const set = mkBtn("Set attr", "primary", () => {
    if (!needSelection()) return;
    comp!.element(selectedId!).setAttribute(name.value.trim(), val.value.trim() || null);
    logEntry("op", { setAttribute: { id: selectedId, name: name.value, value: val.value } });
  });
  const remove = mkBtn("Remove el", "danger", () => {
    if (!needSelection()) return;
    removeSelected();
  });
  return opSection(
    "setAttribute / removeElement",
    opRow(mkNote("operates on selected element")),
    opRow(name, val, set, remove),
  );
}

function buildVariableSection(): HTMLDivElement {
  const id = mkInput("variable id", "brand-color");