html.Div([
html.P([html.Strong('Sample for CircularProgress')]),
sd_material_ui.CircularProgress(color='inherit',
thickness=5),
]),
spacer,
html.Div([
html.P([html.Strong('Example of Popover')]),
sd_material_ui.Popover(
children=[html.P('This is a Popover', style={'margin': 0})],
buttonType='flat',
buttonLabel='Open Popover',
open=False),
]),
spacer,
html.Div([
html.P([html.Strong('Sample for Tabs')]),
sd_material_ui.Tabs([
html.H3('Header Tab 1'),
html.H3('Header Tab 2'),
html.H3('Header Tab 3'),
], tabPropsArray=[{'value': 0, 'label': 'Tab 0'},
{'value': 1, 'label': 'Tab 1'},
{'value': 2, 'label': 'Tab 2'}],
fullWidth=True,
floatingLabelText="Type here",
filter='caseSensitiveFilter'),
spacer,
html.Div(id='output-autocomplete-exactmatch',
children=['Selected index appears here.']),
spacer,
# Test for SDPopover
sd_material_ui.Popover(
buttonLabel='Open up',
buttonType='icon',
buttonIcon='glyphicon glyphicon-cog',
buttonStyle=dict(background='red'),
children=html.Div(children=[
html.P('This is the popover'),
html.P('With some children inside'),
# 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 SDDropDownMenu and SDMenuItem (single selection)
html.Div(
children=[
sd_material_ui.DropDownMenu(
id='input11',
value=1,
options=[