Tabs

A simple way to implement tabs. Works well above another container abover or below. Set the container spacing property to none. It also understand the role material design role 'card'

Properties

tab_titles:

list[str]

The titles of each tab.

active_tab_index:

int

Which tab should be active.

active_background:

color

the background of the active tab. It is suggested you add opacity e.g. #2196F344

foreground:

color the color of the highlight and text. Defaults to the apps primary color. Do not add opacity.

background:

color the background for all tabs. Defaults to "transparent"

role:

set the role to 'card' or create your own role

align:

str

"left", "right", "center" or "full"

bold:

bool

applied to all tabs

italic:

bool

applied to all tabs

font_size:

int

applied to all tabs

font:

str

applied to all tabs

visible:

Boolean

Is the component visible

spacing_above:

String

One of "none", "small", "medium", "large"

spacing_below:

String

One of "none", "small", "medium", "large"

Events

tab_click:

When any tab is clicked. Includes the parameters tab_index tab_title and tab_component as part of the event_args

show:

When the component is shown

hide:

When the component is hidden