dash_sample_layout

dash_layout.py

app = dash.Dash(__name__)

app.layout = html.Div(children=[
    html.Div(dcc.Markdown(description)),
    html.Hr(),
    html.Div([
        html.Div(id="parameters-box-id", children=[
            dcc.Markdown(params_description),
            dcc.Input(
                id="tottime-input-id",
                placeholder="Total time"
            ),
            dcc.Input(
                id="radiotherapy-input-id",
                placeholder="Radiotherapy",
            ),
            html.Center(html.Button("Run simulation", id=RUN_BUTTON_ID, n_clicks=0)),
        ]),
        html.Div(id="separator-id"),
        html.Div(
            children=[slider()],
            style={"width": "80%"}
        )
        slider()
        html.Div(
            children=[
                html.Div([
                dcc.Markdown(slider_description),
                ], style={"margin-left": "1em"}),
                html.Div([
                    slider()
                ], style={"margin-top": "2em"})
            ],
            style={"width": "80%"}
        )
    ], style={"display": "flex", "margin": "1em"}),
    html.Hr(),    
    html.Center([
        html.Div(id="plot-container-id")
    ]),
])