Skip to content

Tab Section#

TabSection #

TabSection(*tabs: Tab)

Organize dashboard content within tabs.

The TabSection class is a crucial part of a dashboard layout, allowing users to organize content within tabs.

Constructor for TabSection.

Parameters:

Name Type Description Default
tabs Tab

tabs to be added to tab section.

 ()

Examples:#

Create a TabSection with different tabs 
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
import pandas as pd
from engineai.sdk.dashboard.dashboard import Dashboard
from engineai.sdk.dashboard.layout import Grid
from engineai.sdk.dashboard.layout import Row
from engineai.sdk.dashboard.layout import Tab
from engineai.sdk.dashboard.layout import TabSection
from engineai.sdk.dashboard.widgets import maps

data = pd.DataFrame(
    data=[{"region": "PT", "value": 10}, {"region": "GB", "value": 100}]
)

tab_1 = Tab(label="One Widget", content=maps.Geo(data=data))
tab_2 = Tab(
    label="Multiple Widgets", content=[maps.Geo(data=data), maps.Geo(data=data)]
)
tab_3 = Tab(
    label="Multiple Widgets - Different Layout",
    content=Grid(Row(maps.Geo(data=data), maps.Geo(data=data))),
)

Dashboard(
    app_slug="engineai-docs-steps",
    workspace_slug="engineai-docs-steps",
    content=TabSection(tab_1, tab_2, tab_3),
)

Tab #

Tab(
    *,
    label: TemplatedStringItem,
    content: Union[LayoutItem, List[LayoutItem]],
    icon: Optional[Union[Icons, WidgetField, str]] = None,
    default_selected: bool = False
)

Represents an individual tab within a TabSection.

Constructor for Tab.

Parameters:

Name Type Description Default
label TemplatedStringItem

label to be displayed in tab.

 required
content Union[LayoutItem, List[LayoutItem]]

item to be added in tab.

 required
icon Optional[Union[Icons, WidgetField, str]]

tab icon.

 None
default_selected bool

set tab as default selected.

 False