本文整理汇总了Python中dash_core_components.Tab方法的典型用法代码示例。如果您正苦于以下问题:Python dash_core_components.Tab方法的具体用法?Python dash_core_components.Tab怎么用?Python dash_core_components.Tab使用的例子?那么, 这里精选的方法代码示例或许可以为您提供帮助。您也可以进一步了解该方法所在类dash_core_components
的用法示例。
在下文中一共展示了dash_core_components.Tab方法的5个代码示例,这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞,您的评价将有助于系统推荐出更棒的Python代码示例。
示例1: render_content
# 需要导入模块: import dash_core_components [as 别名]
# 或者: from dash_core_components import Tab [as 别名]
def render_content(tab):
if tab == 'tab-1':
return html.Div([
html.H3('Tab content 1')
])
elif tab == 'tab-2':
return html.Div([
html.H3('Tab content 2')
])
elif tab == 'tab-3':
return html.Div([
html.H3('Tab content 3')
])
elif tab == 'tab-4':
return html.Div([
html.H3('Tab content 4')
])
示例2: build_tab
# 需要导入模块: import dash_core_components [as 别名]
# 或者: from dash_core_components import Tab [as 别名]
def build_tab(label, value, additional_style=None, **kwargs):
"""
Builds a :dash:`dash_core_components.Tab <dash-core-components/tab>` with standard styling settings.
"""
base_style = {"borderBottom": "1px solid #d6d6d6", "padding": "6px"}
return dcc.Tab(
label=label,
value=value,
style=dict_merge(base_style, {"fontWeight": "bold"}, additional_style or {}),
disabled_style=dict_merge(
base_style,
{
"fontWeight": "bold",
"backgroundColor": "LightGray",
"color": "black",
"cursor": "not-allowed",
},
additional_style or {},
),
selected_style=dict_merge(
base_style,
{
"borderTop": "1px solid #d6d6d6",
"backgroundColor": "#2a91d1",
"color": "white",
},
additional_style or {},
),
**kwargs
)
示例3: render_content
# 需要导入模块: import dash_core_components [as 别名]
# 或者: from dash_core_components import Tab [as 别名]
def render_content(tab):
if tab == 'tab-1':
return html.Div([
html.H3('Tab content 1')
])
elif tab == 'tab-2':
return html.Div([
html.H3('Tab content 2')
])
示例4: render_content
# 需要导入模块: import dash_core_components [as 别名]
# 或者: from dash_core_components import Tab [as 别名]
def render_content(tab):
if tab == 'tab-1-example-graph':
return html.Div([
html.H3('Tab content 1'),
dcc.Graph(
id='graph-1-tabs',
figure={
'data': [{
'x': [1, 2, 3],
'y': [3, 1, 2],
'type': 'bar'
}]
}
)
])
elif tab == 'tab-2-example-graph':
return html.Div([
html.H3('Tab content 2'),
dcc.Graph(
id='graph-2-tabs',
figure={
'data': [{
'x': [1, 2, 3],
'y': [5, 10, 6],
'type': 'bar'
}]
}
)
])
示例5: layout
# 需要导入模块: import dash_core_components [as 别名]
# 或者: from dash_core_components import Tab [as 别名]
def layout():
return html.Div(id='ideogram-body', className='app-body', children=[
dcc.Loading(className='dashbio-loading', children=html.Div(id='ideogram-container')),
html.Div(className='control-tabs', children=[
dcc.Tabs(id='ideogram-control-tabs', value='what-is', children=[
dcc.Tab(
label='About',
value='what-is',
children=html.Div(className='control-tab', children=[
html.H4(className='what-is', children='What is Ideogram?'),
html.P('Ideogram is a tool used to schematically '
'represent chromosomes. Bands on the chromosomes '
'can show the locations of specific genes.'),
html.P('In the "View" tab, you can choose to interact '
'with several different features of the Ideogram '
'component. You can customize the appearance of '
'the ideogram, as well as choose a different '
'organism to display, under the "Custom" option. '
'The homology, brush, and annotation features '
'are demonstrated under the corresponding options.')
])
),
dcc.Tab(
label='View',
value='view',
children=html.Div(className='control-tab', children=[
html.Div(id='ideogram-feature-select', children=[
html.Div(className='app-controls-block', children=[
html.Div(
className='app-controls-name',
children='View feature:'
),
dcc.Dropdown(
className='ideogram-dropdown',
id='ideogram-feature-dropdown',
options=[
{'label': 'Customizability', 'value': 'custom'},
{'label': 'Homology', 'value': 'homology'},
{'label': 'Brush', 'value': 'brush'},
{'label': 'Annotations', 'value': 'annotations'}
],
clearable=False,
value='custom'
)
]),
]),
html.Hr(),
html.Div(
id='ideogram-feature-view-options'
)
])
)
])
]),
dcc.Store(id='ideo-custom-data', data=ideograms_initial['custom']),
dcc.Store(id='ideo-homology-data', data=ideograms_initial['homology']),
dcc.Store(id='brush-ideo-data', data=ideograms_initial['brush']),
dcc.Store(id='ideo-annotations-data', data=ideograms_initial['annotations'])
])