本文整理匯總了Python中dash_core_components.Tabs方法的典型用法代碼示例。如果您正苦於以下問題：Python dash_core_components.Tabs方法的具體用法？Python dash_core_components.Tabs怎麽用？Python dash_core_components.Tabs使用的例子？那麽, 這裏精選的方法代碼示例或許可以為您提供幫助。您也可以進一步了解該方法所在類dash_core_components的用法示例。
在下文中一共展示了dash_core_components.Tabs方法的3個代碼示例，這些例子默認根據受歡迎程度排序。您可以為喜歡或者感覺有用的代碼點讚，您的評價將有助於係統推薦出更棒的Python代碼示例。
示例1: display_content
# 需要導入模塊: import dash_core_components [as 別名]
# 或者: from dash_core_components import Tabs [as 別名]
def display_content(n_clicks):
if n_clicks == 0:
return ''
now = datetime.datetime.now()
return html.Div([
dcc.Tabs(
tabs=[
{
'label': 'Tab {}'.format(i),
'value': 'tab-{}'.format(i)
} for i in [1, 2, 3]
],
value='tab-1',
id='tabs'
),
html.Div(
id='tab-1',
style={'display': 'block'},
children='Tab 1 at {}'.format(now)
),
html.Div(
id='tab-2',
style={'display': 'none'},
children='Tab 2 at {}'.format(now)
),
html.Div(
id='tab-3',
style={'display': 'none'},
children='Tab 3 at {}'.format(now)
)
]) 示例2: build_map_type_tabs
# 需要導入模塊: import dash_core_components [as 別名]
# 或者: from dash_core_components import Tabs [as 別名]
def build_map_type_tabs(map_type):
def _build_hoverable():
for t in MAP_TYPES:
if t.get("image", False):
yield html.Div(
[
html.Span(t.get("label", t["value"].capitalize())),
html.Img(src=build_img_src(t["value"], img_type="map_type")),
],
className="col-md-6",
)
return html.Div(
[
dcc.Tabs(
id="map-type-tabs",
value=map_type or "choropleth",
children=[
build_tab(t.get("label", t["value"].capitalize()), t["value"])
for t in MAP_TYPES
],
style=dict(height="36px"),
),
html.Div(
html.Div(list(_build_hoverable()), className="row"),
className="hoverable__content map-types",
),
],
style=dict(paddingLeft=15, borderBottom="none", width="20em"),
className="hoverable",
) 示例3: layout
# 需要導入模塊: import dash_core_components [as 別名]
# 或者: from dash_core_components import Tabs [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'])
])