Skip to content

Commit e9df5ec

Browse files
AnnMarieWAnnMarieW
authored
Clean up Theme Explorer (#686)
1 parent f42d080 commit e9df5ec

File tree

28 files changed

+93
-104
lines changed

28 files changed

+93
-104
lines changed

‎docs/components_page/components/layout/order_offset.R‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@ row <- htmlDiv(
2121
),
2222
dbcCol(
2323
htmlDiv("The second of three columns"),
24-
width = list(size = 3, order = 12)
24+
width = list(size = 3, order = 5)
2525
)
2626
)
2727
)

‎docs/components_page/components/layout/order_offset.jl‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ row = html_div([
1818
),
1919
dbc_col(
2020
html_div("The second of three columns"),
21-
width = Dict("size" => 3, "order" => 12),
21+
width = Dict("size" => 3, "order" => 5),
2222
),
2323
]),
2424
]);

‎docs/components_page/components/layout/order_offset.py‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@
2121
),
2222
dbc.Col(
2323
html.Div("The second of three columns"),
24-
width={"size": 3, "order": 12},
24+
width={"size": 3, "order": 5},
2525
),
2626
]
2727
),

‎docs/components_page/markdown_parser.py‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -35,7 +35,7 @@ def parse(app, markdown_path, extra_env_vars=None):
3535

3636
content = [
3737
html.H1(meta["title"][0]),
38-
html.Div(dcc.Markdown(meta["lead"][0]), class_name="lead"),
38+
html.Div(dcc.Markdown(meta["lead"][0]), className="lead"),
3939
]
4040

4141
raw = HEADER_PATTERN.sub("", raw).strip()
@@ -96,7 +96,7 @@ def _parse_code_example(data):
9696
source = (HERE / source_path).read_text().strip()
9797
return html.Div(
9898
dcc.Markdown(f"```{language}\n{source}\n```"),
99-
class_name="source-container",
99+
className="source-container",
100100
)
101101

102102

@@ -139,4 +139,4 @@ def component_reference(component_name):
139139
docs = docs.replace("\n-", "\n")
140140

141141
return_div.append(dcc.Markdown(docs))
142-
return html.Div(return_div, class_name="reference")
142+
return html.Div(return_div, className="reference")

‎docs/content/docs/quickstart.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -74,7 +74,7 @@ _dash-bootstrap-components_ is a component library for use with Plotly Dash. If
7474

7575
To use _dash-bootstrap-components_ you must do two things:
7676

77-
- Link a Bootstrap v4 compatible stylesheet
77+
- Link a Bootstrap v5 compatible stylesheet
7878
- Incorporate _dash-bootstrap-components_ into the layout of your app.
7979

8080
### Linking a stylesheet

‎docs/content/docs/themes.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -115,7 +115,7 @@ The easiest way to link a local stylesheet is to place it in a folder named `ass
115115

116116
There are numerous free to use Bootstrap stylesheets available on the web. The `dash_bootstrap_components.themes` module contains CDN links for Bootstrap and all of the [Bootswatch themes][bootswatch-themes]. Bootstrap also maintains its own [themes website][bootstrap-themes] which lists a number of free and premium themes that you could incorporate into your apps.
117117

118-
To start with, we recommend experimenting with some of the Bootswatch themes available in the `dash_bootstrap_components.themes` module. The full list of available themes is [`CERULEAN`](https://bootswatch.com/cerulean/), [`COSMO`](https://bootswatch.com/cosmo/), [`CYBORG`](https://bootswatch.com/cyborg/), [`DARKLY`](https://bootswatch.com/darkly/), [`FLATLY`](https://bootswatch.com/flatly/), [`JOURNAL`](https://bootswatch.com/journal/), [`LITERA`](https://bootswatch.com/litera/), [`LUMEN`](https://bootswatch.com/lumen/), [`LUX`](https://bootswatch.com/lux/), [`MATERIA`](https://bootswatch.com/materia/), [`MINTY`](https://bootswatch.com/minty/), [`PULSE`](https://bootswatch.com/pulse/), [`SANDSTONE`](https://bootswatch.com/sandstone/), [`SIMPLEX`](https://bootswatch.com/simplex/), [`SKETCHY`](https://bootswatch.com/sketchy/), [`SLATE`](https://bootswatch.com/slate/), [`SOLAR`](https://bootswatch.com/solar/), [`SPACELAB`](https://bootswatch.com/spacelab/), [`SUPERHERO`](https://bootswatch.com/superhero/), [`UNITED`](https://bootswatch.com/united/), [`YETI`](https://bootswatch.com/yeti/).
118+
To start with, we recommend experimenting with some of the Bootswatch themes available in the `dash_bootstrap_components.themes` module. The full list of available themes is [`CERULEAN`](https://bootswatch.com/cerulean/), [`COSMO`](https://bootswatch.com/cosmo/), [`CYBORG`](https://bootswatch.com/cyborg/), [`DARKLY`](https://bootswatch.com/darkly/), [`FLATLY`](https://bootswatch.com/flatly/), [`JOURNAL`](https://bootswatch.com/journal/), [`LITERA`](https://bootswatch.com/litera/), [`LUMEN`](https://bootswatch.com/lumen/), [`LUX`](https://bootswatch.com/lux/), [`MATERIA`](https://bootswatch.com/materia/), [`MINTY`](https://bootswatch.com/minty/), [`MORPH`](https://bootswatch.com/morph/), [`PULSE`](https://bootswatch.com/pulse/), [`SANDSTONE`](https://bootswatch.com/sandstone/), [`SIMPLEX`](https://bootswatch.com/simplex/), [`SKETCHY`](https://bootswatch.com/sketchy/), [`SLATE`](https://bootswatch.com/slate/), [`SOLAR`](https://bootswatch.com/solar/), [`SPACELAB`](https://bootswatch.com/spacelab/), [`SUPERHERO`](https://bootswatch.com/superhero/), [`UNITED`](https://bootswatch.com/united/), [`VAPOR`](https://bootswatch.com/vapor/), [`YETI`](https://bootswatch.com/yeti/), [`ZEPHYR`](https://bootswatch.com/zephyr/).
119119

120120
Check out the [theme explorer](/docs/themes/explorer/) for a live demo of dash-bootstrap-components using all of the different available themes. You may also like to check out the [dash-bootstrap-css](https://github.com/tcbegley/dash-bootstrap-css) project which contains Bootstrap stylesheets that apply consistent styling to various components from dash-core-components.
121121

‎docs/demos/demo_layout.py‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -54,7 +54,7 @@
5454
]
5555
)
5656
],
57-
class_name="mt-4",
57+
className="mt-4",
5858
)
5959

6060
_layout = html.Div([_navbar, _body])

‎docs/demos/theme_explorer/__init__.py‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -57,7 +57,7 @@
5757
tooltip,
5858
],
5959
fluid=True,
60-
class_name="px-4",
60+
className="px-4",
6161
)
6262

6363

‎docs/demos/theme_explorer/alert.py‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -27,5 +27,5 @@
2727

2828
alerts = html.Div(
2929
[make_subheading("Alert", "alert"), dbc.Row([alerts1, alerts2])],
30-
class_name="mb-4",
30+
className="mb-4",
3131
)

‎docs/demos/theme_explorer/badge.py‎

Lines changed: 16 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -5,34 +5,32 @@
55

66
badge = html.Div(
77
[
8-
dbc.Badge("Primary", color="primary", class_name="me-1"),
9-
dbc.Badge("Secondary", color="secondary", class_name="me-1"),
10-
dbc.Badge("Success", color="success", class_name="me-1"),
11-
dbc.Badge("Warning", color="warning", class_name="me-1"),
12-
dbc.Badge("Danger", color="danger", class_name="me-1"),
13-
dbc.Badge("Info", color="info", class_name="me-1"),
14-
dbc.Badge("Light", color="light", class_name="me-1"),
8+
dbc.Badge("Primary", color="primary", className="me-1"),
9+
dbc.Badge("Secondary", color="secondary", className="me-1"),
10+
dbc.Badge("Success", color="success", className="me-1"),
11+
dbc.Badge("Warning", color="warning", className="me-1"),
12+
dbc.Badge("Danger", color="danger", className="me-1"),
13+
dbc.Badge("Info", color="info", className="me-1"),
14+
dbc.Badge("Light", color="light", className="me-1"),
1515
dbc.Badge("Dark", color="dark"),
1616
],
17-
class_name="mb-2",
17+
className="mb-2",
1818
)
1919

2020
badge_pills = html.Div(
2121
[
22-
dbc.Badge("Primary", color="primary", class_name="me-1", pill=True),
23-
dbc.Badge(
24-
"Secondary", color="secondary", class_name="me-1", pill=True
25-
),
26-
dbc.Badge("Success", color="success", class_name="me-1", pill=True),
27-
dbc.Badge("Warning", color="warning", class_name="me-1", pill=True),
28-
dbc.Badge("Danger", color="danger", class_name="me-1", pill=True),
29-
dbc.Badge("Info", color="info", class_name="me-1", pill=True),
30-
dbc.Badge("Light", color="light", class_name="me-1", pill=True),
22+
dbc.Badge("Primary", color="primary", className="me-1", pill=True),
23+
dbc.Badge("Secondary", color="secondary", className="me-1", pill=True),
24+
dbc.Badge("Success", color="success", className="me-1", pill=True),
25+
dbc.Badge("Warning", color="warning", className="me-1", pill=True),
26+
dbc.Badge("Danger", color="danger", className="me-1", pill=True),
27+
dbc.Badge("Info", color="info", className="me-1", pill=True),
28+
dbc.Badge("Light", color="light", className="me-1", pill=True),
3129
dbc.Badge("Dark", color="dark", pill=True),
3230
],
3331
)
3432

3533
badges = html.Div(
3634
[make_subheading("Badge", "badge"), badge, badge_pills],
37-
class_name="mb-4",
35+
className="mb-4",
3836
)

0 commit comments

Comments
 (0)