-
Anonymous
Применить тему Dash-Bootstrap к компонентам DCC
Сообщение
Anonymous »
Я хочу, чтобы Dash.dcc.Dropdown выглядел как dbc.DropdownMenu на сайте начальной загрузки:
Это мой пример кода:
Код: Выделить всё
# -*- coding: utf-8 -*-
from dash import Dash, dcc, html
import dash_bootstrap_components as dbc
dd = html.Div(
dcc.Dropdown(
options = [
{'label': 'option 1', 'value': 1},
{'label': 'option 2', 'value': 3},
],
id = 'dd',
),
**{"data-bs-theme": "dark"}
# className="dash-bootstrap",
)
app = Dash(__name__,
external_stylesheets=[
dbc.themes.SLATE,
],
)
app.layout = dbc.Container(
html.Div(
[
dbc.Row([
dbc.Col(dd, width=3,),
],
)
],
className="dash-bootstrap",
)
)
if __name__ == '__main__':
app.run(debug=True)
Но вот что я получаю:
Что мне не хватает?
Подробнее здесь:
https://stackoverflow.com/questions/798 ... components
1764512824
Anonymous
Я хочу, чтобы Dash.dcc.Dropdown выглядел как dbc.DropdownMenu на сайте начальной загрузки:
[img]https://i.sstatic.net/f5qzK2s6.png[/img]
Это мой пример кода:
[code]# -*- coding: utf-8 -*-
from dash import Dash, dcc, html
import dash_bootstrap_components as dbc
dd = html.Div(
dcc.Dropdown(
options = [
{'label': 'option 1', 'value': 1},
{'label': 'option 2', 'value': 3},
],
id = 'dd',
),
**{"data-bs-theme": "dark"}
# className="dash-bootstrap",
)
app = Dash(__name__,
external_stylesheets=[
dbc.themes.SLATE,
],
)
app.layout = dbc.Container(
html.Div(
[
dbc.Row([
dbc.Col(dd, width=3,),
],
)
],
className="dash-bootstrap",
)
)
if __name__ == '__main__':
app.run(debug=True)
[/code]
Но вот что я получаю:
[img]https://i.sstatic.net/TpYdj7YJ.png[/img]
Что мне не хватает?
Подробнее здесь: [url]https://stackoverflow.com/questions/79833960/apply-dash-bootstrap-theme-to-dcc-components[/url]