# Test for SDDropDownMenu and SDMenuItem (single selection)
html.Div(
children=[
sd_material_ui.DropDownMenu(
id='input11',
value=1,
options=[
dict(value=1,
primaryText='Item 1',
label='First choice!',
customData='Anything!'),
dict(value=2,
primaryText='Item 2',
customData={'foo': 'bar'}),
dict(value=3,
primaryText='Item 3',
disabled=True,
secondaryText='Disabled for now'),
],
menuStyle=dict(width=300), # controls style of the open menu
labelStyle=dict(color='white', height=35),
underlineStyle=dict(display='none'),
autoWidth=False,
style=dict(height=40, marginTop=-10),
listStyle=dict(height=35),
selectedMenuItemStyle=dict(height=30),
anchorOrigin=dict(vertical='bottom', horizontal='right')),
],
style=dict(backgroundColor='#1D3153')),
html.Div(id='output11', children=['Selected item appears here.']),
spacer,
], style=dict(display='flex', flexWrap='wrap')),
]),
sd_material_ui.Divider(),
html.Div([
html.Div([
html.P([html.Strong('Test for dropdown menu')]),
sd_material_ui.DropDownMenu(
id='dropdown-input',
labelText='Test',
labelId='dropdown-label',
value=1,
useGrouping=True,
options=[
dict(grouping='Group A'),
dict(primaryText='Option 1', value=1),
dict(primaryText='Option 2', value=2),
dict(grouping='Group B'),
dict(primaryText='Option 3', value=3),
dict(grouping='Group C'),
dict(primaryText='Option 4', value=4),
]),
html.P(id='dropdown-output'),
]),
spacer,
html.Div([