Beispiel #1
0
                                             icon='1'),
                                        dict(label='test 2',
                                             value='val2',
                                             icon='2'),
                                    ]),
    html.Div(id='output'),
    spacer,

    # Test SDDivider
    sd_material_ui.Divider(),
    spacer,
    sd_material_ui.Divider(inset=True),
    spacer,

    # Test SDSubheader
    sd_material_ui.Subheader(children=['This is a subheader']),
    spacer,
    sd_material_ui.Subheader(children=['This is a subheader with an inset'],
                             inset=True),
    spacer,

    # Test SDPaper
    sd_material_ui.Paper(
        zDepth=5,
        circle=True,
        style=dict(
            height=100,
            width=100,
            margin=20,
            textAlign='center',
            display='inline-block',
Beispiel #2
0
        'https://fonts.googleapis.com/icon?family=Material+Icons',
    ]
)

app.scripts.config.serve_locally = True

spacer = html.Div(children=[], style=dict(height=20, width=50))
final_spacer = html.Div(children=[], style=dict(height=400))

app.layout = html.Div([

    html.Div([
        spacer,
    ]),

    sd_material_ui.Subheader(['Sample Subheader']),

    sd_material_ui.Divider(),

    html.Div([
        spacer,
    ]),

    html.Div([
        html.Div([

            html.Div([
                html.P([html.Strong('Test for drawer')]),
                sd_material_ui.Drawer(
                    id='drawer',
                    open=False,