anywidget

custom jupyter widgets made easy

pip install anywidget
mywidget/__init__.py code example

	

mywidget/__init__.py

import anywidget
import traitlets


class CounterWidget(anywidget.AnyWidget):
    _esm = """
    export function render(view) {
      let count = () => view.model.get("value");
      let btn = document.createElement("button");
      btn.innerHTML = `count is ${count()}`;
      btn.addEventListener("click", () => {
        view.model.set("value", count() + 1);
        view.model.save_changes();
      });
      view.model.on("change:value", () => {
        btn.innerHTML = `count is ${count()}`;
      });
      view.el.appendChild(btn);
    }
    """
    value = traitlets.Int(0).tag(sync=True)