spacer,
# Test for SDDrawer (not docked)
sd_material_ui.Drawer(
id='output7',
docked=False,
open=False,
children=[html.P(id='close-input7', children='Drawer item')]),
html.Div(
id='input7',
children=[html.P(children='Open or close the drawer (not docked)')]),
spacer,
# Test for SDCheckbox
html.Div(id='output8', children=[html.P('Box is not checked')]),
sd_material_ui.Checkbox(id='input8',
label='Check to change the text above.'),
spacer,
# Test for SDRadioButtonGroup
sd_material_ui.RadioButtonGroup(
id='input14',
name='test',
defaultSelected='option3',
options=[
dict(value='option1', label='option 1'),
dict(value='option2', label='option 2'),
dict(value='option3', label='option 3'),
],
),
spacer,
html.Div(id='output14', children=['Selected item appears here.']),
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'),
html.P(id='checkbox-output'),
html.Button('Clear Selections', id='clear-checks')
]),
spacer,
], style=dict(display='flex', flexWrap='wrap')),
]),
sd_material_ui.Divider(),
html.Div([