TabPanel

A widget which combines a TabBar and a StackedPanel.
https://jupyterlab.github.io/lumino/widgets/classes/tabpanel.html

This is a simple panel which handles the common case of a tab bar placed next to a content area. The selected tab controls the widget which is shown in the content area. For use cases which require more control than is provided by this panel, the TabBar widget may be used independently.

Example
//Python:
import dash
import dash_lumino_components as dlc
import dash_html_components as html
import dash_bootstrap_components as dbc

tabPanel = dlc.TabPanel(
    [
        dlc.Panel(
            html.Div([
                dbc.Button("Open Plot",
                           id="button2",
                           style={"width": "100%"})
            ]),
            id="tab-panel-A"
            label="Plots",
            icon="fa fa-bar-chart")
    ],
    id='tab-panel-left')

Type Definitions

propTypes

Properties
NameTypeDescription
idstring

ID of the widget

tabPlacementstring

the placement of the tab bar relative to the content. ("left" | "right" | "top" | "bottom")

tabsMovableboolean

whether the tabs are movable by the user

allowDeselectboolean

bool if all tabs can be deselected

widthnumber

the default width or height of the tab panel content

addToDomboolean

bool if the object has to be added to the dom directly

childrenArray.<Panel>

The widgets

currentIndexnumber

Get the index of the currently selected tab. It will be -1 if no tab is selected.

setProps

Dash-assigned callback that should be called to report property changes to Dash, to make them available for callbacks.