PyCafe - Dash - User Information Wizard

assets/
app.py
requirements.txt
app.py
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
import dash_mantine_components as dmc
from dash import Dash, _dash_renderer, html, Input, Output, State, callback, ctx
_dash_renderer._set_react_version("18.2.0")

app = Dash(__name__, external_stylesheets=dmc.styles.ALL)

accordion = dmc.Accordion(
    
    children=[
        dmc.AccordionItem(
            [
                dmc.AccordionControl(
                    "Personal Information",
                    className="dmc-control",
                
                    
                ),
                dmc.AccordionPanel("some content"),
            ],
            value="info",
        ),
        dmc.AccordionItem(
            [
                dmc.AccordionControl(
                    "Shipping Address",
                    className="dmc-control",
                  
                ),
                dmc.AccordionPanel("some content"),
            ],
            value="addr",
        ),
        dmc.AccordionItem(
            [
                dmc.AccordionControl(
                    "Confirmation",
                  
                ),
                dmc.AccordionPanel("some content"),
            ],
            value="focus",
        ),
    ],
)

app.layout = dmc.MantineProvider([
    accordion,
    html.Div("hi",id="container")

])

if __name__ == "__main__":
    app.run(debug=True)
Py.Cafe

user-information-wizard

User Information Wizard
