dash_mantine_button_click_callback_quickstart.py

1import dash_mantine_components as dmc
2from dash import Dash, html, Input, Output, callback
3
4app = Dash(__name__)
5
6app.layout = dmc.MantineProvider(
7    children=[
8        dmc.Container(
9            [
10                dmc.Title("Hello Dash Mantine Components", order=1),
11                dmc.Button("Click Me!", id="click-button", variant="filled"),
12                html.Div(id="button-output", style={"marginTop": 20}),
13            ],
14            py=20,
15        )
16    ]
17)
18
19@callback(
20    Output("button-output", "children"),
21    Input("click-button", "n_clicks"),
22    prevent_initial_call=True,
23)
24def update_output(n_clicks):
25    return f"Button clicked {n_clicks} times."
26
27if __name__ == "__main__":
28    app.run_server(debug=True)