import panel as pn
from panel.custom import JSComponent
pn.extension()
class ConfettiButton(JSComponent):
_importmap = {
"imports": {
"confetti": "https://esm.sh/[email protected]",
}
}
_esm = """
import confetti from "confetti";
export function render() {
let btn = document.createElement("button");
btn.innerHTML = `Click Me`;
btn.addEventListener("click", () => {
confetti()
});
return btn
}
"""
ConfettiButton().servable()