The dcc.Tab
and dcc.Tabs
components can be used to create tabbed sections in your app.
The Tab
component controls the style and value of the individual tab
and the Tabs
component hold a collection of Tab
components.
See complete examples in the dcc.Tabs chapter.
Access this documentation in your Python terminal with:
```pythonhelp(dash_core_components.Tab)
```Our recommended IDE for writing Dash apps is Dash Enterprise’s
Data Science Workspaces,
which has typeahead support for Dash Component Properties.
Find out if your company is using
Dash Enterprise.
children
(a list of or a singular dash component, string or number; optional): The content of the tab - will only be displayed if this tab is selected
className
(string; optional): Appends a class to the Tab component.
disabled
(boolean; default False
): Determines if tab is disabled or not - defaults to false
disabled_style
(dict; default { color: '#d6d6d6', }
): Overrides the default (inline) styles when disabled
disabled_className
(string; optional): Appends a class to the Tab component when it is disabled.
id
(string; optional): The ID of this component, used to identify dash components in callbacks. The ID needs to be unique across all of the components in an app.
label
(string; optional): The tab’s label
loading_state
(dict; optional): Object that holds the loading state object coming from dash-renderer. loading_state has the following type: dict containing keys ‘is_loading’, ‘prop_name’, ‘component_name’. Those keys have the following types:
is_loading
(boolean; optional): Determines if the component is loading or not prop_name
(string; optional): Holds which property is loading component_name
(string; optional): Holds the name of the component that is loadingselected_className
(string; optional): Appends a class to the Tab component when it is selected.
style
(dict; optional): Overrides the default (inline) styles for the Tab component.
selected_style
(dict; optional): Overrides the default (inline) styles for the Tab component when it is selected.
value
(string; optional): Value for determining which Tab is currently selected