app.scripts.config.serve_locally = True spacer = html.Div(children=[], style=dict(height=20)) final_spacer = html.Div(children=[], style=dict(height=400)) # Callback for BottomNavigation app.layout = html.Div([ # Test BottomNavigation sd_material_ui.BottomNavigation(id='input', selectedIndex=0, selectedStyle={'color': 'blue'}, navItems=[ dict(label='test 1', value='val1', 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.Card([ html.P('Card Text') ]), ]), sd_material_ui.Toggle( id='transition-zoom-input', toggled=True, label='Show element?'), ]), spacer, html.Div([ html.P([html.Strong('Test for BottomNavigation')]), sd_material_ui.BottomNavigation( id='bottom-nav', navItems=[dict(label=f'Item {x}', value=x, targetId=f'nav-item-{x}') for x in range(3)], selectedValue=0, displayLabels=True, ), spacer, html.P(id='bottom-nav-output') ]), spacer, html.Div([ html.P([html.Strong('Test for Checkbox')]), sd_material_ui.Checkbox(id='checkbox1', label='Apple', name='Apple'), sd_material_ui.Checkbox(id='checkbox2', label='2', name='2'), sd_material_ui.Checkbox(id='checkbox3', label=5, name='5'),