]),
spacer,
html.Div([
html.P([html.Strong('Sample FontIcon')]),
sd_material_ui.FontIcon(id='fonticon', iconName='insert_emoticon'),
]),
spacer,
html.Div([
html.P([html.Strong('Test for toggle switch')]),
sd_material_ui.Toggle(
id='toggle-input',
label='Johnny?',
toggled=False,
),
html.P(id='toggle-output', children=['Flame off']),
]),
spacer,
html.Div([
html.P([html.Strong('Test for Snackbar')]),
html.Button('Open/Close Snackbar', id='snackbar-button'),
html.Div(children=['Snackbar button clicks: None'], id='snackbar-output'),
sd_material_ui.Snackbar(
id='snackbar',
action='Update text',
actionStyles=dict(color='white'),
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,
sd_material_ui.RaisedButton(id='input10', label='Marco'),
html.Div(id='output10', children=['Looking...']),
sd_material_ui.Snackbar(id='snackbar',
open=False,
message='Polo',
action='Reveal'),
spacer,
# Test for SDAutoComplete
sd_material_ui.AutoComplete(
id='input13',
html.Div(children=[
html.Div([
sd_material_ui.RaisedButton(id='houseButton',
label='House',
buttonStyle=dict(width=275)),
], style={'display': 'inline-block', 'padding': '10px'}),
html.Div([
sd_material_ui.RaisedButton(id='senateButton',
label='Senate',
buttonStyle=dict(width=275)),
], style={'display': 'inline-block', 'padding': '10px'}),
sd_material_ui.Toggle(id='historical',
label="Average ideology by district from 2010 to 2018",
labelPosition='right', style=dict(padding='10px'),
labelStyle={'font-size': 18}),
spacer,
sd_material_ui.Divider(),
spacer,
]),
html.Div([
html.P(id = 'choropleth-title',
style = {'fontWeight':600, 'padding-right': '10px'}),
dcc.Loading(id='loading-1', children=[dcc.Graph(
id='district-level-choropleth',
animate=True,