sd-material-ui

StratoDem Analytics Dash implementation of material-ui components.

Dash wrappers around the excellent material-ui package

Installation and usage

$ pip install sd-material-ui

import dash
import dashhtmlcomponents as html
import sdmaterialui
my_app = dash.Dash()
A Button on Paper
myapp.layout = sdmaterial_ui.Paper([
    html.Div(children=[
        html.P(id='output', children=['nclicks value: . nclicks_previous value: '])
    ]),
sdmaterialui.Button(id='input', children='Click me'), ])
Callback for Button
@my_app.callback(
    dash.dependencies.Output('output', 'children'),
    [dash.dependencies.Input('input', 'n_clicks')],
    [dash.dependencies.State('input', 'nclicksprevious')])
def displayclicksflat(nclicksflat: int, nclicksflat_prev: int):
    if nclicksflat:
        return [f'nclicks value: {nclicksflat}. nclicksprev value: {nclicksflatprev}']
    else:
        return ['n_clicks value: ']
if name == 'main':     myapp.runserver()

Material-UI components ported to Dash

• [x] AutoComplete
• [x] BottomNavigation
• [x] Checkbox
• [x] CircularProgress
• [x] Dialog
• [x] Divider
• [x] Drawer
• [x] DropDownMenu
• [x] FlatButton
• [x] FontIcon
• [x] IconButton
• [x] Paper
• [x] RaisedButton
• [x] Snackbar
• [x] Subheader
• [x] Toggle

Examples - Outdated, need to update with v4.0.0 examples

Dash

Go to this link to learn about [Dash][].

Dash help

See the [dash-components-archetype][] repo for more information.

Contributing

$ npm install
Run webpack to create the Dash React bundle
$ npm run build-dist
Set up a virtualenv
$ virtualenv venv -p python3
$ source venv/bin/activate
Install the local Python Dash package
$ npm run install-local

Running a local server

$ source venv/bin/activate
$ python usage.py

Contributors

[Dash]: https://github.com/plotly/dash [dash-components-archetype]: https://github.com/plotly/dash-components-archetype