Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
holoviz
GitHub Repository: holoviz/panel
Path: blob/main/examples/how_to/custom/js/confetti.py
2012 views
1
import panel as pn
2
3
from panel.custom import JSComponent
4
5
pn.extension()
6
7
class ConfettiButton(JSComponent):
8
9
_importmap = {
10
"imports": {
11
"confetti": "https://esm.sh/[email protected]",
12
}
13
}
14
15
_esm = """
16
import confetti from "confetti";
17
18
export function render() {
19
let btn = document.createElement("button");
20
btn.innerHTML = `Click Me`;
21
btn.addEventListener("click", () => {
22
confetti()
23
});
24
return btn
25
}
26
"""
27
28
ConfettiButton().servable()
29
30