id='dropdown-layout',
options=drc.DropdownOptionsList(
'null', 'random', 'preset',
'grid', 'circle', 'concentric',
'breadthfirst', 'cose'),
value='preset',
clearable=False),
]),
drc.SectionTitle(title='Node body', size=3, color='white'),
drc.NamedCard(
title='Content',
size=4,
children=[
drc.NamedInput(
name='Node Display Content',
id='input-node-content',
type='text',
value='data(label)',
placeholder='Enter the content you want for node...')
]),
drc.NamedCard(
title='Shape',
size=4,
children=[
drc.NamedInput(name='Node Width (px)',
id='input-node-width',
type='number',
min=0,
value=25,
placeholder='Enter a value in pixel...'),
drc.NamedInput(name='Node Height (px)',
id='input-node-height',
clearable=False,
options=drc.DropdownOptionsList(
'ellipse',
'triangle',
'rectangle',
'diamond',
'pentagon',
'hexagon',
'heptagon',
'octagon',
'star',
'polygon',
)),
drc.NamedInput(
name='Followers Color',
id='input-follower-color',
type='text',
value='#0074D9',
),
drc.NamedInput(
name='Following Color',
id='input-following-color',
type='text',
value='#FF4136',
),
]),
dcc.Tab(
label='JSON',
children=[
html.Div(style=styles['tab'],
children=[
html.P('Node Object JSON:'),