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.']),
spacer,
# Test for SDToggle
html.Div(children=[
sd_material_ui.Toggle(id='input9', label='Johnny?'),
html.Div(id='output9', children=[html.P('Flame off')]),
],
style=dict(width=150)),
spacer,
]),
]),
html.Div(id='drawer-input', children=[
html.Button(children='Open or close the drawer (left)')
]),
]),
spacer,
html.Div([
html.P([html.Strong('Test for radio buttons')]),
sd_material_ui.RadioButtonGroup(
id='radio',
name='radio test',
options=[
dict(label='option 1', value='1'),
dict(label='option 2', value='2'),
dict(label='option 3', value='3'),
],
valueSelected='1',
),
html.P(id='radio-output', children='Selection is: '),
]),
spacer,
html.Div([
html.P([html.Strong('Test for dialog')]),
sd_material_ui.Dialog([
html.H3('Sample Dialog'),
html.Div(html.Button('Close Dialog'), id='closer')
], id='output2'),