)
],
zDepth=4,
rounded=False,
style=dict(
height=100,
width=100,
margin=20,
textAlign='center',
display='inline-block',
),
),
spacer,
# Test SDCircularProgress
sd_material_ui.CircularProgress(mode='indeterminate'
), # can only use indeterminate mode
spacer,
sd_material_ui.CircularProgress(mode='indeterminate',
size=100,
thickness=14),
spacer,
# Test FontIcon
sd_material_ui.FontIcon(className="material-icons",
iconName="settings",
hoverColor='blue'), # only works for public icons
spacer,
# Test SDDialog (modal)
sd_material_ui.Dialog(html.Div(children=[
html.P('pathname'),
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([
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,