Py.Cafe

BSd3v./

dash-mantine-personal-info-form

Personal Info Form with Dash and Mantine

DocsPricing
  • 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
import dash_mantine_components as dmc
import dash
from dash import Dash, html, dcc, callback, Input, State, Output
import dash_bootstrap_components as dbc
import json
dash._dash_renderer._set_react_version('18.2.0')
app = Dash(__name__,
external_stylesheets=[
    dbc.themes.BOOTSTRAP, 
*dmc.styles.ALL])

app.layout = dmc.MantineProvider(
    dmc.Fieldset([
        dmc.TextInput(label="Your name", placeholder="Your name"),
        dmc.TextInput(label="Email", placeholder="Email"),
        dmc.Group([dmc.Button("Send")], justify="flex-end"),
    ],legend='Personal Information',variant='filled'),
    id='overall-provider'
)

if __name__ == "__main__":
    app.run_server(debug=True)