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,
sd_material_ui.Card(initiallyExpanded=False,
headerTitle='Test card header',
headerSubtitle='Test subtitle',
titleExpandable=True,
titleTitle='Card content header',
textExpandable=True,
children=[
sd_material_ui.Card(
initiallyExpanded=False,
headerTitle='Inner card header',
headerSubtitle='Inner subtitle',
titleExpandable=True,
titleTitle='Inner card',
textExpandable=True,
children=[html.P('YAY')]),
]),
spacer,
sd_material_ui.Questions(
id='questions-id',
questionSectionProps=[
dict(headerTitle='Test title',
questionProps=[
dict(questionText='How do I do something?',
questionType='Tag my question',
sd_material_ui.Divider(),
html.Div([
spacer,
]),
html.Div([
html.Div([
html.Div([
html.P([html.Strong('Test for Collapse Transition and Paper/Card')]),
sd_material_ui.CollapseTransition(id='transition-collapse', visible=True, children=[
sd_material_ui.Paper([
html.H3('Paper Title'),
sd_material_ui.Card([
html.P('Card Text')
]),
])
]),
sd_material_ui.Toggle(id='transition-input', toggled=True, label='Show element?'),
]),
spacer,
html.Div([
html.P([html.Strong('Test for Fade Transition')]),
sd_material_ui.FadeTransition(id='transition-fade', visible=True, children=[
sd_material_ui.Card([
html.P('Card Text')
]),
]),