A constructor function for a class that inherits from 'AnyWidget' (or 'AnyWidgetClass')

A constructor function for a class that inherits from 'AnyWidget' (or 'AnyWidgetClass')

Usage

AnyWidget(`_esm`, `_css`, `_anywidget_id`, ...)

Examples

if (FALSE) { # \dontrun{ 
  esm <- '
  function render({ model, el }) {
        let button = document.createElement("button");
        button.innerHTML = `count is ${model.get("value")}`;
        button.addEventListener("click", () => {
          model.set("value", model.get("value") + 1);
          model.save_changes();
        });
        model.on("change:value", () => {
          button.innerHTML = `count is ${model.get("value")}`;
        });
        el.classList.add("counter-widget");
        el.appendChild(button);
      }
      export default { render };
  '
  css <- '
      .counter-widget button { 
                              color: white; 
                              font-size: 1.75rem; 
                              background-color: #ea580c; 
                              padding: 0.5rem 1rem; 
                              border: none; 
                              border-radius: 0.25rem; 
      }
      .counter-widget button:hover { background-color: #9a3412; }
  '
  CountWidget <- AnyWidget(
              `_esm` = esm,
              `_css` = css,
              `_anywidget_id` = "CountWidget",
              value = Integer(0)
             )
  CountWidget(value=42)
} # }