Py.Cafe

maartenbreddels/

solara-howto-component-vue-A

Interactive Button Confetti

DocsPricing
  • app.py
  • button-confetti.vue
  • requirements.txt
app.py
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
import solara
from typing import Callable

@solara.component_vue("button-confetti.vue")
def ButtonConfetti(
    label: str = "Default label",
    event_click: Callable = None,
    ):
    ...

@solara.component
def Page():
   ButtonConfetti(label="Click me", event_click=print)

button-confetti.vue
1
2
3
4
5
<template>
    <button class="button-confetti" @click="click({extra: 'foo'}) ">
        {{ label }}
    </button>
</template>