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