hi, I would like to change the colour of a selected tab, to the background of left blue, and white color for letters
hi @topotaman
You can find one way of changing the color in the Dash Bootstrap Tab docs, under the Active Styles chapter.
I know it’s with styles … but dont know where to look the option styles… how do I chose them?
**
style** (*dict* ; optional): Defines CSS styles which will override styles previously set.
import dash_bootstrap_components as dbc
from dash import html
tabs = html.Div(
[
dbc.Tabs(
[
dbc.Tab(
label="tab 1",
active_tab_style={"textTransform": "uppercase"},
),
dbc.Tab(
label="tab 2", active_label_style={"color": "#FB79B3"}
),
]
),
html.Br(),
dbc.Tabs(
[
dbc.Tab(
label="Tab 1", activeTabClassName="fw-bold fst-italic"
),
dbc.Tab(label="Tab 2", activeLabelClassName="text-success"),
]
),
]
)
1 Like